Модерните уеб браузъри и системи за управление на съдържанието оптимизират изображенията за показване във всякакви настройки. Въпреки това е най-добре да подготвите изображения, които са оптимизирани за всеки възможен форм фактор и местоположение, където може да се появи изображение. Съсредоточете се върху три неща: разделителна способност на изображението, размер и цветово пространство.
Цветово пространство в изображения
Графичните дизайнери разчитат на две основни цветови пространства. Цветното пространство е метод, чрез който основните цветове се комбинират, за да образуват сложни цветни дъги.
Използвайте RGB режима, когато подготвяте изображения за мобилни устройства. Дисплеите на компютърни монитори и смартфони разчитат на комбинация от червени, сини и зелени пиксели. Това RGB изображение е оптимизирано за точно възпроизвеждане на предвидените цветове на екрана.
За печат дизайнерите използват четирицветен процес, при който всеки цвят се дестилира до комбинация от циан, магента, жълто и черно. Понякога четирицветните изображения се наричат CMYK изображения поради тази причина.
Резолюция на изображението
Изображенията, особено на мобилни платформи, трябва да са с възможно най-малък размер, за да се балансира качеството спрямо скоростта на изтегляне в мобилните мрежи и размера на файла спрямо ограниченията за мобилни данни.
Повечето програми, включително приложенията на Adobe Creative Cloud, поддържат инструмент за експортиране за уеб, който показва изображението в различни комбинации от резолюция и компресия. Изберете изображението с най-добро качество при най-малък общ размер.
Размер на изображението в пиксели
Всяко изображение трябва да бъде оразмерено според предназначението му. Ето някои примерни размери на изображения за популярни приложения в мрежата:
- Интернет банерните реклами често са 468 пиксела на 60 пиксела.
- Изображенията на корицата на Facebook трябва да са 851 пиксела на 315 пиксела.
- Профилните снимки в Twitter трябва да са 400 на 400 пиксела.
- Изображенията за споделени връзки трябва да са 1200 пиксела на 630 пиксела.
Когато работите със снимки за конкретни цели, проверете мястото, където ще се появи снимката (като сайт за социални медии или блог), за да проверите оптималните размери на изображението и след това оразмерете съответно, за да избегнете разтягане или изрязване на изображението.
За да избегнете пикселизация, насочете се към действителния размер на дисплея. Дори ако дадено изображение е с правилни размери, ако не е оразмерено правилно, полученият продукт може да изглежда пикселиран, ако изображението трябва да бъде увеличено, за да отговаря на наличното пространство.
Относно векторните изображения
Векторни изображения - изображения, които са изчислени и начертани от устройството - обикновено са по-ефективни и с по-високо качество от растерните изображения (изображения, нарисувани един пиксел наведнъж), защото могат да бъдат увеличавани и намалявани, без да се засяга качеството на изображението. За прости лога, линейни рисунки и графики векторната версия е идеална. Векторните формати не се използват за снимки.
