Разлики между JPG, PNG и GIF и кога да използвате всеки от тях на вашия уебсайт

използвате

Здравейте всички! Ако сте щракнали, за да прочетете тази статия, това е така, защото не сте много наясно с разлики между JPG, PNG и GIF и кога да използвате всеки един от вашия уебсайт. За да сте наясно с концепциите, просто трябва да прочетете тази статия до края и ако искате да ме зарадвате супер, споделете я, когато приключите 🙂

Ако ви казвам истината, до неотдавна и аз не бях ясен за разликите. Но когато нуждата е належаща, няма друг избор, освен да се научим!

Тези формати са, отивайки в речника, формати за компресиране на изображения. Нека да видим какво ги характеризира и кога да използваме всеки от тях на вашия уебсайт.

И тъй като знанията и знанията трябва да се споделят, ще ви кажа всичко, което знам по въпроса. престой!

Какви са разликите между JPG, PNG и GIF?

# 1. Какво е JPG?

JPG е формат за компресиране на изображения със загуби. Това е, губи качество всеки път, когато намалите размера му. Вероятно имате на компютъра си стотици JPG файлове и не сте обмисляли „колко тежат“ (ако да, започнете да олеквате!).

В JPG файлове, използвайки програма за редактиране на изображения, можете да изберете колко искате да намалите изображението, така че да тежи по-малко: ако го намалите много, файлът ще тежи малко, но също така ще има лошо качество; ако решите да го намалите малко, ще има по-добро качество.

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

Как се извършва компресиране в JPG?

Е, той не се компресира на случаен принцип или само заради себе си, намалявайки каквото искате първо. Този тип редукция изчислява стойността на някои пиксели и прави ритъм от тях въз основа на пикселите около него.

Този формат е специално проектиран за компресиране на цифрови и фотографски изображения (Това е стандартният формат за цифрови фотоапарати). Какво още, те се използват много на уеб страници защото те не тежат твърде много, важен факт за улесняват използваемостта на потребителите, и е съвместим с повечето програми и платформи.

JPG поддържа CMYK и RGB цветове, както и сиви скали и е в състояние да запазва информация от повече от 16 милиона различни цвята.

Съкращенията му отговарят Съвместна фотографска (експертна) група. Независимо дали намерите JPG или JPEG, ще бъдете изправени пред същия формат на компресия. Първите съответстват на файлове от компютър или Windows, чиито файлови разширения позволяват само три знака. JPEG файловете обаче са тези, които се използват на MAC.

Този тип файлове не се препоръчва, ако изображението е лого или изображение с текст, тъй като загубата на качество ще бъде особено забележима. JPG не поддържа прозрачни фолиа, което означава, че ако изображението няма фон, автоматично ще се добави бял фон.

Кога да използвате JPG на вашия уебсайт?

Това е най-добрият формат за качване на вашия уебсайт фотографски изображения. Ако имате изображения от камерата си, най-нормалното е, че те тежат много. Не ги качвайте както е на вашия уебсайт! Първо, трябва да намалите значително теглото им, ако не искате уебсайтът Ви да се зарежда вечно ...

Е, компресирайте тези изображения до около 300/400KB например и те ще бъдат готови за качване в мрежата. Това тегло е приблизително, тъй като изображение за плъзгач с пълна ширина не е същото като изображение с малък разрез, което не трябва да тежи повече от 100KB.

Хайде да я видим супер демонстрация защо JPG е най-добрият формат за качване на снимки на вашия уебсайт.

[тип кутия = »предупреждение»] ПРЕДУПРЕЖДЕНИЕ! Ако разглеждате тази статия от мобилния си телефон, може да не забележите голяма разлика между изображенията, които ще видите по-долу, но от компютър гарантирам, че има. [/ кутия]

Започваме от a оригинално изображение с тегло около 700KB, и това се случва във всеки от форматите:

По-горе можете да видите изображението в JPG с качество на 60 от 100 спестявания за интернет в Photoshop. Както можете да видите, той поддържа доста приемливо качество и тежи само 163KB.

Тук можете да видите същото изображение в JPG с качество на 3 от 100. В сравнение с предишния, качеството е много по-лошо (виждате хоризонталните ивици на заден план, нали? тежи само 39KB.