قرار گرفتن تصاویر در طراحی وب سایت

قرار گرفتن تصاویر در طراحی وب سایت: هنگام طراحی وب سایت بایستی حتماً در مورد

چگونگی قرار گرفتن تصاویر و عکس هایی که قصد دارید در وب سایت خودتان به کار ببرید،

فکر نمایید. تصاویر در وب سایت امکان دارد به معنای نمودارها و یا نقشه ها

مثل عکس های استاندارد باشند. همه ی اینها در قالب دیجیتالی

در کامپیوتر تان وجود دارد و قادر است بر روی وب سرورتان ذخیره شود.

به خاطر داشته باشید امکان دارد که زمان استفاده با مشکلات

خاصی روبرو شده و این امر باعث می شود

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

 قرار گرفتن تصاویر در طراحی وب سایت

اهمیت سایز تصاویر

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

به عنوان مثال دوربین های پیشرفته دیجیتالی که در دسترس اغلب افراد می باشد،

دارای اندازه هایی از ۱ مگاپیکسل تا ۱۰ تا ۱۲ مگاپیکسل

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

امکان دارد این تجربه را دارا باشید و اطلاع داشته باشید

چه اتفاقی خواهد افتاد،  زمانی که یکی از دوستان تان به شما ایمیلی

 ارسال می کند که محتوی عکس بوده که با دوربین تازه خود گرفته است!

فایل پیوست احتمالاً خیلی بزرگ و حجیم است

و دانلود آن خیلی طول خواهد کشید؛ حتی اگر اینترنت شما

 خیلی  پر سرعت باشد! حال فرض نمایید هنگام طراحی وب سایت

بخواهید از چنین عکسهای حجیمی در وب سایت خود استفاده نمایید؛

قرار گرفتن تصاویر در طراحی وب سایت

 

دقیقاً همان اتفاق برای شما هم می افتد:

 

مدت زیادی طول خواهد کشید تا آن عکس که در وب سایت تان

وجود دارد دانلود بشود و در مرورگرتان باز بشود.

اما کاری که شما زمان ساخت وب سایت و بهینه سازی وب سایت

بایستی در نظر داشته باشید این می باشد

که تصاویر و عکسهای مورد نظرتان را حتماً به وسیلهء

نرم افزار ویرایشگر عکس re-size کنید. البته کار خیلی ساده ای است:

نرم افزار ویرایشگر را باز کنید، بر روی منوی آن کلیک نمایید

و عکس مورد نظرتان را مشخص نمایید. کاری که بایستی انجام دهید

تغییر شمار پیکسل های عرضی(افقی) عکس متناسب

با صفحهء وب سایت خودتان می باشد.

مثلاً یک عکس که پیکسل عرضی آن ۱۰۰۰ می باشد

بایستی آن را به یک چهارم یعنی ۲۵۰ پیکسل تغییر بدهید.

اجازه بدهید که نرم افزار ویرایشگر به شکل خودکار طول(عمودی)

عکس و حجم آن را تغییر بدهد.

پس از آن گزینهء “حفظ نسبت” یا maintain aspect ratio یا عباراتی شبیه این را اعمال کنید.

زمانی که عکس را ذخیره می نمایید،

گزینه ای در ذخیره سازی را خواهید داشت

که قادر است در آن کیفیتها و یا رزولوشن های گوناگونی

را در سطح های بالا و پایین داشته باشید.

مگر در مواردی که هدف شما طراحی وب

 سایت های “هنری” باشد

و در غیر این صورت رزولوشن پایین

برای وب سایت های معمول کافی می باشد.

برخی از ویرایشگرهای عکس به شما گزینه های خاص تری

برای ذخیره سازی عکس با رزولوشن مناسب در وب سایت ارائه می کند.

در نهایت گزینهء ذخیره ” save as” را انتخاب کنید تا عکس ویرایش شدهء

شما با نام دیگری بر روی نسخهء اصلی ذخیره  و سیو نشود.

 قرار گرفتن تصاویر در طراحی وب سایت

 

راهنمای مرورگرها

هنگامی که در طراحی وب سایت خود از تصاویر و عکسها

در صفحات وب سایت استفاده می کنید،

احتمالاً باید از کدهای html شبیه به این استفاده کنید:

img src=”mynewphoto.jpg” alt=”Words for Photo” height=”۱۲۵″ width=”۲۵۰″

این مسئله خیلی مهمی است که طول و عرض داده ها ارائه بشود.

همین طور باید توجه داشته باشید که ارائهء این اطلاعات از زمانی ارزشمند

خواهد بود که شما اندازه عکسها را تغییر داده باشید.

با فراهم نمودن و ارائهء اطلاعات در واقع به مرورگرها

به شکل اختصاصی در تخصیص فضای

صفحه ها(هنگام پروسهء بارگزاری تصاویر) کمک بسیاری می کنید.

اگر این تعاریف را در برنامه نویسی و ساخت وب سایت مشخص نکرده باشید،

مرورگرهای قدیمی تر قادر نیستند فرمت این نوشته ها را بخوانند

و یا عکس ها و تصاویر آن وب سایت و بررسی ابعاد گوناگون ناشناس مانده

و متوقف خواهد شد. اگر این نکات را در طراحی وب سایت

و بهینه سازی وب سایت تان در نظر خودتان بگیرید،

قادر می باشید سرعت دانلود صفحات وب سایت تان را بالاتر ببرید.

این امر در راحتی بازدیدکنندگان

وب سایت تان و میزان رضایت آنها خیلی تاثیرگذار خواهد بود