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

نوشته شده توسط:  20 بهمن 1395 11504
این مورد را ارزیابی کنید
(0 رتبه مطلب)

اندازه ی تصویر

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

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

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

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

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

مثلاً یک عکس که پیکسل عرضی آن 1000 است باید آن را به یک چهارم یعنی 250 پیکسل تغییر دهید. اجازه دهید که نرم افزار ویرایشگر به صورت خودکار طول(عمودی) عکس و حجم آن را تغییر دهد. سپس گزینهء "حفظ نسبت" یا maintain aspect ratio یا عباراتی مشابه این را اعمال نمایید.

هنگامی که عکس را ذخیره می نمایید، گزینه ای در ذخیره سازی خواهید داشت که می تواند در آن کیفیتها و یا رزولوشن های مختلفی در سطوح بالا و پایین داشته باشید.مگر در مواردی که هدف شما طراحی سایت های "هنری" است و در غیر این صورت رزولوشن پایین برای وب سایت های معمول کافی خواهد بود. بعضی از ویرایشگرهای عکس به شما گزینه های خاص تری برای ذخیره سازی عکس با رزولوشن مناسب در وب سایت ارائه می نماید. در نهایت گزینهء ذخیره " save as" را انتخاب نموده تا عکس ویرایش شدهء شما با نام دیگری بر روی نسخهء اصلی ذخیره نشود.

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

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

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

درباره مدیر سایت

مدیر گروه

مدیر گروه وبسایت طرح مدرن در رشته ی نرم افزارکامپیوتربا تخصص در برنامه نویسی ویژوال بیسیک،سی شارپ،اچ تی ام ال،و با تجربه ی کافی در طراحی سایت و فارسی سازی قالب بصورت حرفه ای فعالیت می کنم. 

طرح مدرن یکی از تخصصی ترین گروه های طراحی سایت در ایران است که خدمات طراحی وب سایت، بهینه سازی سایت،فارسی سازی قالب، و بازاریابی اینترنتی را همگام با تکنولوژی روز دنیا ارائه می نماید. گروه طرح مدرن از سال 1390 فعالیت خود را آغاز نموده است و در سال 1393 با مدیریت جدید و برگزیدن راهبردهای نوین بازاریابی اینترنتی مصمم به ارائه خدماتی متمایز و درخور مشتریان محترم خود در صنایع و شرکت های تجاری گشته است. تمرکز اصلی فعالیت گروه بر سه محور طراحی سایت، بهینه سازی وب سایت و فارسی سازی قالب که در یک مجموعه برنامه ریزی و سازماندهی شده است تا بتواند جوابگوی بخش بسیار بزرگی از تقاضای بازار تخصصی طراحی سایت، بهینه سازی وب سایت و فارسی سازی قالب باشد.

برای نظر دادن باید عضو سایت شوید.
 
دریافت آسان

تا60روز دریافت رایگان

 
درگاه بانک ملت

پرداخت با کارت های عضو شتاب

 
خرید مطمئن

دارای مجوز وزارت فرهنگ و ارشاد

 
پشتیبانی 24 ساعته

تلفن : 09308662706

قالب های جدید

ستاد ساماندهی و نماد اعتماد الکترونیکی

مجوزهای فعالیت

             logo-samandehi