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