Различни видове изображения (jpeg, png и gif)
При разработването на интернет сайтове често се използват изображения, снимки, за които бих искал да говоря отделно.
Има 3 вида изображения, които обикновено се използват в HTML,jpeg,png иgif.
Всеки от форматите има определени свойства, които се използват в зависимост от задачата, която трябва да се изпълнява.
JPEG формат
JPEG е една от най-популярните графики.JPEG файлът съдържа данни за графично изображение в компресиран формат и често се придружава от загуба на качество на изображението. Разширението на файлаJPEG най-често се използва като.jpg.
Качеството на изображението във форматJPEG при запазване на файл може да се регулира:
- 0-4 ниско качество
- 5-7 средно качество
- 8-9 високо качество
- 10-12 най-добро качество
Кога да използвате JPEG формат в WEB?
Най-често форматътJPEG се използва за добавяне на статични изображения и снимки към оформлението, които нямат прозрачен фон, за разлика от PNG. Освен това форматътJPEG има способността да компресира изображението, за да намали размера на файла и да намали натоварването на страницата. Така сайтът ще се зарежда по-бързо, а това е много важно, когато става въпрос за оптимизация и скорост на зареждане на страницата.
Компресирането на изображение във форматJPEG винаги води до намаляване на качеството на изображението, но често такива промени не се забелязват за окото.
По този начин, като използвате форматаJPEG, можете да постигнете малък размер на файла и приемливо качество на изображението.
 |  |
| Пример за обикновен JPG файл с компресирано качество на изображението |
PNG формат
PNG - растерна графикаформат за съхранение на графични изображения, който използва компресия без загуби.
PNG беше създаден, за да замени форматаGIF и стана много удобен за използване вWEB. Най-важната характеристика на този формат е възможността за поддържане на прозрачен фон.
Кога да използвате PNG формат?
PNG най-често се използва за добавяне на малки изображения, като икони или за лога. Рядко се използваPNG за добавяне на големи изображения към оформлението, т.к. размерът му е много голям, поради факта, че няма загуба на качество на картината.
Много често форматътPNG се използва, когато трябва да поставите изображение върху фон, който може да променя цвета си, така че правоъгълният фон на самия файлPNG да не се вижда.
 |  |
| PNG без прозрачност | PNG с прозрачност |
GIF формат
GIF е много популярен формат за изображения. Възможност за съхраняване на компресирани данни без загуба на качество, но във формат не повече от 256 цвята. Освен това този формат е известен с факта, че може да съдържа анимация и да я показва на сайта.
Кога да използвате GIF формата?