تنظیم عکس برای سایت


مطالب عمومیوردپرس 

تنظیم عکس برای سایت

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

اگر شما هم از آن دسته کاربرانی هستید که می خواهید عکس با کیفیت با حجم 50 کیلوبایت یا کمتر از 100 کیلو بایت را در سایت خود بگذارید این بحث را دنبال نمایید :

ابتدا به چند نکته توجه نمایید :

  1. هر چقدر تصویر رنگ بیشتری داشته باشد حجم بیشتری خواهد داشت.
  2. هر چقدر dpi عکس شما بیشتر باشد حجم بیشتری خواهد داشت.
  3. مناسب ترین dpi برای استفاده در web رنج 72 تا 96 می باشد.
  4. مناسب ترین فرمت برای وبسایت JPG , JPEG, GIF می باشد.
  5. اگر از تصویر با رزولیشن بالا استفاده می کنید و میخواهید آن را کوچک کنید باید رزولیشن را به هم نزنید.
  6. لزومی ندارد که تصاویر وب خیلی دقیق و با کیفیت باشد.
  7. اگر می خواهید تصویر سازی نمایید و تصویرتان از چند رنگ خاص تعدی نمی نماید از Corel Draw یا Adobe Illustrator استفاده نمایید.
  8. اگر رنگتان کم است در خروجی مقدار رنگ به کار برده شده را استفاده نمایید.

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

با زدن دکمه های ترکیبی CTRL + A کل تصویر را انتخاب نمایید

و با زدن دکمه CTRL + C یک کپی از تصویر تهیه نمایید

اکنون با زدن دکمه CTRL + N یک فایل جدید ایجاد نمایید رزولیشن آن را روی 96dpi بگذارید

همچنین سایز آن را 420 * 780 بهترین رزولیشن برای وب و موبایل قرار دهید .

با زدن دکمه CTRL + V تصویر کپی شده را به این فایل پیوست نمایید ؛

با زدن دکمه CTRL + T تصویر در حالت تغییر سایز انتخاب می شود

با نگه داشتن دکمه های Shift + Alt و کوچک کردن تصویر از مرکز آن را تا اندازه فایل  ایجاد شده کوچک نمایید

هرزگاهی دکمه Shift + Alt را رها نمایید و تصویر را با ابزار Move جا به جا نمایید تا دقیقا اندازه فایل ایجاد شده شما باشد.

بعد از این کار دکمه های ترکیبی Ctrl + Shift + Alt + S را فشار دهید

این دکمه ها با هم Save For web را برای شما اجرا می کنند .

اکنون نوع تصویر را JPEG انتخاب نموده Quality آن را روی 40 بگذارید همچنین گزینه Optimized را انتخاب نمایید .

در پایین در کادر Image Size مقدار Quality را اگر تصویر را کوچک کرده اید روی Bicubic Smoother قرار دهید.

و در نهایت گزینه Save را بزنید خواهید دید عکس با اندازه 50 تا 100 کلیوبایت برای شما ساخته خواهد شد

تصویر بالا تبدیل یک عکس Full HD با این ترفندهاست.

 




مطالب مرتبط با این دسته بندی