سه شنبه , تیر ۶ ۱۳۹۶
خانه / مقالات / نکاتی درباره سایز تصاویر در طراحی سایت

نکاتی درباره سایز تصاویر در طراحی سایت

وقت طراحی سایت بایستی حتمـا ً درمورد چگونگی قرار گرفتن تصاویر عکس زیبا هایی که می خواهید در وب وب سایت تان به کار ببرید، فکر بکنید . تصاویر در وب سایت احتمال دارد به معنای نمودارها یا نقشه ها شبیه عکس زیبا های استاندارد باشد. همه اینها در قالب دیجیتالی در رایانه شما وجود دارد می تواند بر روی وب سرور ذخیره شود.
aweb design company outsourc 11b61b1b نکاتی درباره سایز تصاویر در طراحی سایت
​طراحی سایت

​طراحی سایت,طراحی وب سایت,​طراحی سایت

به یاد داشته باشید شاید که زمان مصرف با موارد خاصی روبرو شده و این امر سبب می شود که بازدیدکنندگان در وب وبسایت شما با اختلافاتی در تصاویر روبرو شوند.

ارزش سایز تصاویر

تصاویر یا عکسها می تواند در اشکال سایز های مفرق ی باشد. به عنوان مثال دوربین های پیشرفته دیجیتالی که در دسترس اکثر افراد است ، سایزهایی از ۱ مگاپیکسل تا ۱۰ تا ۱۲ مگاپیکسل و یا بیشتر است که در نتیجه سایز تصاویر در هر یک افزایش می یابد. احتمال دارد این تجربه را داشته باشید و بدانید چه اتفاقی می افتد، وقتی که یکی از دوست ها شما به شما پست الکترونیکی ی می فرستد که حاوی عکـس بوده که با دوربین جدید خود گرفته است!

فایل پیوست احتمـا لاً زیاد بزرگ و حجیم است داونلود آن زیاد طول می کشد؛ حتی اگر اینترنت شما پر سرعت باشد! حال فرض بکنید طراحی سایت بخواهید از چنین تصاویر حجیمی در وب سایت خود استفاده بکنید ؛ دقیقاً همان اتفاق جهت شما می افتد: مدت خیلی ی طول می کشد تا آن عکـس که در وب وبسایت شما وجود دارد داونلود شده در مرورگرتان باز شود.

اما کاری که شما وقت تولید و ساخت سایت و سئو وب وبسایت می بایست در نظر داشته باشید این است که تصاویر و تصاویر مورد نظر را به احتمال زیاد ً به وسیلهء برنامـه ویرایشگر عکس زیبا re-size نمایید. اما کار بسیار زیاد آسان ای است: برنامـه ویرایشگر را باز نمایید، روی منوی آن کلیک نمایید عکس زیبا مورد نظر را معین نمایید. کاری که باید انجام دهید تغییر تعداد پیکسل های عرضی(افقی) عکـس متناسب با صفحهء وب وبسایت تان است .

مثلاً یک عکس جالب که پیکسل عرضی آن ۱۰۰۰ است بایستی آن را به چهارم به مفهوم ۲۵۰ پیکسل تغییر دهید. مجوز دهید که نرم افزار ویرایشگر به صورت اتوماتیک طول(عمودی) عکس و اندازه آن را تغییر دهد. پس گزینهء “حفظ نسبت” یا maintain aspect ratio یا عبارات ی مشابه این را اعمال نمایید.

وقت ی که عکس جالب را ذخیره می نمایید، مورد ای در ذخیره سازی خواهید داشت که می تواند در آن کیفیتها و یا رزولوشن های مختلف ی در سطوح بالا و پایین داشته باشید.مگر در موارد ی که هدف شما طراحی سایت های “هنری” است و در غیر این صورت رزولوشن پایین جهت وب وب سایت های معمول کافی خواهد بود. برخي از ویرایشگرهای عکس جالب به شما مورد های ویِژگزینشه تری برای ذخیره سازی عکـس با رزولوشن مناسب در وب سایت ارائه می نماید. در نهایت گزینهء ذخیره ” save as” را انتخاب کرده تا عکس زیبا ویرایش شدهء شما با نام دیگری بر روی ورژن ء اصلی ذخیره نشود.

آموزش مرورگرها

وقتی که در طراحی سایت خود از تصاویر عکسها در صفحات وب وبسایت استفاده می بکنید ، احتمـا لاً بایستی از کدهای html شبیه به این مصرف نمایید: img src=”mynewphoto.jpg” alt=”Words for Photo” height=”۱۲۵″ width=”۲۵۰″ این مسئله خیلی مهمی است که طول عرض داده ها ارائه شود. همين طور باید مد نظر داشته باشید که ارائهء این اطلاعات از وقتی ارزشمند خواهد بود که شما سایز عکسها را تغییر داده باشید. با فراهم آوردن و ارائهء اطلاعات در واقع به مرورگرها به صورت اختصاصی در تخصیص محیط صفحات( پروسهء بارگزاری تصاویر) کمک بسیار زیاد ی می بکنید .

اگر این تعاریف را در پروگرام نویسی تولید و ساخت سایت معین نکرده باشید، مرورگرهای قدیمی تر نمی توانند فرمت این مفقط را بخوانند و یا عکـس ها تصاویر آن وب سایت و تحلیل ابعاد مختلف ناشناس مانده و متوقف می شود. چنانچه این نکات را در طراحی سایت بهینه سازی وب وبسایت تان در نظر بگیرید، می توانید سرعت داونلود صفحات وب وبسایت تان را بالا ببرید. این امر در راحتی بازدیدکنندگان وب وب سایت شما میزان رضایت آنها زیاد تاثیرگذار خواهد بود

درباره ی admin

مطلب پیشنهادی

خرید مبلمان اداری و ۳اشتباه رایج خریداران

خرید مبلمان اداری و ۳اشتباه رایج خریداران  اشتباهات رایج در زمان خرید مبلمان اداری : مبلمان اداری سازمان …

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *