Оптимизиране на графика

Облак за етикети

Windows 8. Променете мрежовото местоположение/типа местоположение

отидете менюто

    след това

    Не е тайна, че оптимизация на графиката на сайта може значително да ускори зареждането и показването на уеб страница, да подобри съвместимостта с други устройства и да направи сайта по-привлекателен за търсачките. По принцип сайтовете съдържат много икони, графики в png формат. По подразбиране в стандартните теми на CMS графиките вече са оптимизиран, но когато има желание да подобрите нещо - например икони за актуализиране - също възникват проблеми.

    На популярни сайтове като www.iconsearch.ru, www.iconfinder.com и други, иконите са във формата PNG-24 с алфа канал, осигуряващ прозрачност на фона. Тоест такова изображение може да бъде поставено на абсолютно всеки фон, но размерът му е огромен - приблизително 5 пъти по-висока, отколкото оптимизираното изображение.

    Ето папките, които съдържат изображенията за оптимизация.

    След това отидете

    Изходни папки с икони

    Отваряме програмата, наречена Photoshop. Натискаме Alt + F9 - ще се отвори прозорец "Операции". Създаваме нова операция, наречена "Икони".

    отидете менюто

    Как да създадете ново действие във Photoshop

    Това ще започне да записва операцията, която ще използваме за групова обработка. Отваряме някакво тестово изображение, което може да бъде "осакатено". След това отидете в менюто Изображение -> Размер на изображението. Преоразмерете, като посочите крайния размер в пиксели. Ако тази операция не се изисква, пропуснете тази стъпка.

    След това избираме основен цвят, което ще бъде фонът на нашата икона (в самото дъно на лентата с инструменти вляво). В нашия случай е така бял. След това отидете в менюто Изображение -> Режим -> Индексирани цветове. В прозореца, който се отваря, посочете следните параметри: