+359 2 850 53 64

Изображенията в уеб дизайна

Какъв формат изображение да изберете - JPEG, PNG или GIF?

Ако работата Ви изисква употреба или обработка на изображения, е добре да знаете кои са основните видове формати и в кои случаи е добре да ги използвате.

В днешната статия ще Ви разгледаме какво точно представляват 3-те основни формата изображения – jpeg, png и gif, както и какви са техните предимства и недостатъци.

Какъв формат изображение да изберете?

JPEG (JPG)

Изображенията в JPEG формат са пълноцветни изображения, които отделят поне 24 бита памет за всеки пиксел, като в резултат се получава изображение, което инкорпорира 16.8 милиона цвята. JPEG изображенията запазват цялата информация за цветове, но компресират размера на файла, като селективно изхвърлят определени данни – тази компресия може да доведе до спад на качеството. В повечето програми за дизайн, обаче, са налични опции за избор на степента на компресиране. Ако изберете опцията за най-високо качество, Вашето изображение няма да се различава от оригинала. Това, разбира се, ще се отрази на размера на файла.

Плюсове

• 24-битов цвят;

• отличен избор за фотографии;

• отличен избор за изображения с повече от 256 цвята.

Минуси

• губят информация;

• след компресиране, могат да се получат артефакти;

• не могат да бъдат анимирани;

• не могат да бъдат направени прозрачни;

• не са подходящи за създаване на изображения с текст;

• не са подходящи за изображения с остри ръбове.

PNG

Форматът PNG предлага пълна гама от цветови дълбочини, прозрачност и отлично смесване на цветовете. Към изображения в PNG формат без проблем може да бъде добавян и текст.

Плюсове

• при компресиране, файловете не губят качество;

• файловете са с по-малък размер, в сравнение с JPEG файловете;

• възможност за добавяне на ефект „прозрачност”;

• отличен избор за създаване на изображения с текст;

• отличен избор за запис на лога.

Минуси

• не е подходящ за по-големи изображения;

• не могат да бъдат анимирани;

• не се поддържа от всички браузъри.

Има два вид PNG формата: PNG-8 и PNG-24. Първият е много подобен на GIF формата по отношение на факта, че може да бъде запазван с максимум 256 цвята. Вторият формат може да показва милиони цветове, но естествено размерът на файла е по-голям.

Изображенията в PNG формат могат да се използват и за големи фонови изображения, без ефекта ”назъбени краища”.

Фотографиите в PNG формат са с по-голям размер от фотографиите в JPEG формат, понеже при компресия не губят качество.

GIF

Изображенията в GIF формат могат да показват максимум 256 цвята, затова са изключително подходящи за по-прости илюстрации и цветови комбинации (лога, икони), но не са особено подходящи за фотографии.

Плюсове

• могат да бъдат прозрачни;

• могат да бъдат анимирани;

• подходящи са за изображения с по-малко цветове;

• подходящи за изображения с текст;

• при компресиране не губят качество.

Минуси

• поддържат само 256 цвята;

• размерът на файла може да бъде доста голям;

• не са подходящи за фотографии.

Прозрачността не е избираема. Ако кажете на даден цвят да бъде прозрачен, той ще стане прозрачен на всички места, на които се среща в изображението.

Размер на изображенията

Изображенията имат два размера – физически размер и размер на файла.

Физическият размер на изображението е този, който ни трябва, за да определим колко място ще заеме изображението на уеб страницата. Този размер трябва да се съобрази с дизайна, така че изображенията да „застанат” добре.

Размерът на файла определят времето на зареждане на страницата – т.е. колкото по-голям е размера на файла, толкова по-бавно ще се зарежда страницата Ви. По правило, изображенията с висока резолюция трябва да бъдат с размер на файла между 60K и 100K. По-малките изображения трябва да са около 30К.

Свързани статии

  • КЪМ СТАТИЯТА
    Magento
    В момента Magento е най-използваната ecommerce платформа в Европа. Тя покрива всички пазарни изисквания и е подходяща както…
  • КЪМ СТАТИЯТА
    HTML5 анимации – по лесния начин
    HTML5 е един от най-популярните инструменти за създаване на уеб сайтове и впечатляващо визуално съдържание, включително анимации.
  • КЪМ СТАТИЯТА
    Тенденциите в уеб дизайна през 2016г.
    В уеб дизайна, подобно на модата, също има тенденции. Някои от тях идват и си отиват, други – се задържат за по-дълго.
  • КЪМ СТАТИЯТА
    Професионални дизайнерски съвети за непрофесионалисти
    Ако сте от хората, на които често им се налага да изработват презентации или електронни обучения, но не притежават професионални…

Дизайн и редизайн на уеб сайтове и онлайн магазиниПовече...