Как да оптимизирам изображения в Photoshop 📷✅ - Блог

  • photoshop

Оптимизирането на изображенията за използване в Интернет е деликатен процес при постоянен баланс между качество и тегло. Искаме изображението ни да изглежда правилно в правилния размер, но също така искаме да тежи точно толкова, колкото е необходимо, за да оптимизира времето за зареждане на нашия уебсайт, много важен детайл за оптимизиране на нашия уебсайт за SEO.

Експортирайте изображения за мрежата

Въпреки че управлението на размера на изображението е основният фактор за оптимизиране на теглото му, има и други относително прости опции за регулиране на теглото на изображението с помощта на инструмента Adobe Photoshop „Save for Web“.

Първо отваряме снимката, върху която се интересуваме, и избираме File> Save for Web.

Основни подробности за оптимизиране на изображенията в Photoshop

След като дадем „Експортиране ➡️ Запазване за мрежата“, ще се появи поле за опции като това, което ще покажем по-долу.

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

1. Типът файл. Този раздел ни позволява да избираме между JPEG, GIF (на 8 или 24) и PNG. За този конкретен пример ще се занимаем изключително със случая JPEG, тъй като той е най-често срещаният, просто не забравяйте, че GIF файловете се използват преди всичко за запазване на малки анимации и че ще трябва да използваме PNG, ако искаме изображението да запази прозрачността фон, който сме подготвили във Photoshop.

две. Качество на изображението: Тези два раздела са част от магията „Запазване за мрежата“. Позволява ни да избираме между няколко предварително определени качества в левия раздел или да избираме числово вдясно. Колкото по-голям е броят, толкова по-високо е качеството и по-тежко е изображението.

3. Размер на изображението: в това поле с опции е мястото, където ще можем да генерираме повече въздействие, без да губим качеството на изображението си. Обикновено тази стъпка обикновено се прави преди запазване, като се използва Изображение> размер на изображението, но "Запазване за мрежата" ни дава втори шанс да коригираме размера на изображението ни според нужните ни размери. Винаги трябва да използваме изображения с подходящ размер за мястото, което искаме да заемат, не твърде големи, тъй като тежат твърде много и ще направят зареждането на нашия уебсайт твърде бавно, нито твърде малко, тъй като ще загубим качество.

4. Файлова информация: тук ни позволява да оценим промяната в теглото и размера на оригиналното ни изображение (в горното поле, означено като „оригинал“). Четирите раздела точно над изображенията ни позволяват да променим вида на визуализацията, в случая на този пример сме в „2 копия“, което ни позволява да сравним оригиналното изображение с неговото копие, „запазено за мрежата“.