Оптимизиране на вашите изображения за уеб комуникация Orignal
Избрах да илюстрирам тази статия с картата "Gorilla de Beringeï" 3-то издание черни ръбове на играта "Magic The Gathering", за да зарадвам големия си брат, както и кума на дъщеря ми, Куентин и Ромен.
Съотношението тегло/качество
Много от нас публикуват изображения редовно в интернет. В социалните мрежи (Facebook, Twitter, Instagram, Google + ...) дори не задаваме въпроса за формата и компресията, те се грижат за всичко. Всъщност Facebook често е критикуван за прекалено разрушителния алгоритъм за обработка на изображения.
Но когато публикувате във вашия блог или уебсайт, вие имате контрол. Трябва сами да компресирате изображенията си и тук грешният избор може да развали усилията ви за писане. Прекалено компресирано изображение няма да подобри съдържанието ви. Напротив, изображение с твърде висока разделителна способност ще отнеме твърде много време и голям брой интернет потребители ще напуснат страницата ви, преди да могат да я прочетат. Следователно предизвикателството на изображенията в мрежата е да се постигне най-доброто съотношение ТЕГЛО/КАЧЕСТВО
Вляво изображението е компресирано много силно за тегло от 7Kb.
В средата със средна компресия получаваме тегло от 25kb
Вдясно с много ниска компресия получаваме тегло от 90kb.
Имайте предвид, че изображението отляво, макар и много леко, е напълно нечетливо, защото е компресирано. На другите две изображения текстът е лесно четим, изображението изглежда рязко (щракнете върху изображението, за да го видите в голям размер). Идеалното е да изберете средното изображение, тъй като то е 3 пъти по-леко !
Добре, но как тогава получавате най-доброто съотношение качество/тегло? ?
Поставете правилния брой пиксели
Размерът на изображението на екран се определя от броя му пиксели. Вашият уебсайт ще покаже, ако е направено правилно, вашите изображения с определена ширина, независимо от първоначалния им размер (нека забравим отзивчивите, за да не усложняваме излишно). Така че, ако качите изображение от 4000 пиксела във вашия блог (типичен размер на цифров фотоапарат), то ще се покаже на 600 пиксела (стандартна ширина на публикация в блог). Следователно ще качите снимка, която е твърде голяма, което ненужно ще забави зареждането на страницата.
За да разрешите този проблем, разходете се в Photoshop в раздела "изображение> размер на изображението" и намалете изображението си до правилния брой пиксели. Размерът в cm и дефиницията нямат значение, важното е височината и ширината в пиксели. Не забравяйте да поставите отметка в квадратчето „преоразмеряване“, за да можете да променяте размерите в пиксели.
Gif, jpg или png ?
След като изображението е с правилния размер, то трябва да бъде запазено в правилния формат. JPG, въпреки че е най-широко разпространен, не винаги е най-подходящ.