Как да оптимизирам снимки за моя уебсайт; Моят блог за Primo Site

уебсайт

Картината струва хиляда думи и за това я използват собствениците на уебсайтове. Но твърде често използваните снимки не са оптимизирани. Те са или твърде големи, изкривени или дори твърде тежки.

Основният виновник? Вашият цифров фотоапарат. Този не прави снимки за мрежата. Те са предназначени за печат. Печатът изисква повече детайли, отколкото да го гледате на компютърен екран. Файл с повече подробности (следователно повече данни) има по-голям размер и често е твърде голям на уеб страница.

Снимка, оптимизирана за мрежата, ще има:

  • правилния цветен профил
    Изображенията, запазени в мрежата, ще бъдат в RGB. CMYK е за печат.
  • достатъчна резолюция
    Детайлите, дефиницията или количеството пиксели 72 или 96 dpi ще бъдат достатъчни за мрежата и изображението ще се зареди по-бързо.
  • правилните размери (размер на изображението)
    Ширината и височината на вашето изображение ще бъдат изразени в пиксели. Размерите ще зависят от желаното местоположение на изображението на вашия сайт. (банер, галерия, фото статия, фон и т.н.) Обърнете внимание, че общата ширина на уебсайта рядко надвишава 1000 пиксела.
  • правилния формат
    Основните формати за мрежата са: JPEG, GIF и PNG.
    JPEG или JPG: Изберете този формат за вашите снимки. Това ще им предложи много добро качество спрямо теглото.
    PNG: Предпочитайте PNG за изображения, съдържащи текст, икони, графики, лога или изображения с прозрачност.
    GIF: Използвайте за прости рисунки и изображения, с малко или никакъв прозрачен цвят. Той е единственият, който поддържа анимациите.
  • добро съотношение тегло и качество (проверете размера на файла на термина)
    Компресирането на снимка има за цел да я направи възможно най-лека, без да губи твърде много качество (особено за JPEG)
  • добро име на файл
    Наименувайте изображението си, като използвате ключови думи, които го описват, вместо поредица от безсмислени числа. Не използвайте интервали и специални символи. Използвайте малки букви и „-“ или „_“, за да отделите думите. Вашите изображения ще бъдат прочетени по-добре от търсачките и могат да бъдат намерени по-лесно при търсене на изображения.