използвате

Здравейте всички! Ако сте щракнали, за да прочетете тази статия, това е така, защото не сте много наясно с разлики между 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.

При този размер е очевидно, че е много грозен, но какво, ако имате нужда само от този друг размер?:

Над вас има изображение PNG-8. Качеството не е много добро и все още тежи 257KB. Половината от фона е прозрачен (можете да го проверите, като запазите изображението с десния бутон), това е основната добродетел на PNG и Gif, които ви позволяват да играете с прозрачни фолиа.

Най-доброто качество на PNG се получава с PNG-24, но същото това изображение при експортиране в PNG надвишава 1MB тегло ... как оставаш? Да, тежеше дори повече от оригинала, поради което дори не сме го качили в този експеримент; Искаме уебсайтът ни да остане оптимален и да зарежда съдържанието бързо 🙂

Това е GIF на 256 цветове. Виждате ли точките, нали? Загубата на цвят и острота в сравнение с експортираната в JPG е забележителна и тежи два пъти повече ... 342KB.

GIF a 4 цветове. Тотално изкривяване на цветовете и тук не можете да ми кажете, че не виждате точките. 94KB лекота, но както можете да видите, много малко се използва за работа със снимки или цифрови изображения, в които искате да покажете минимум реализъм.

И така, за какво са PNG и GIF файлове?

Ами сега ще ви кажа.

# две. Какво е PNG?

За разлика от JPG, PNG е формат за компресия без загуби. Инициалите му съответстват на Преносима мрежова графика и първоначално е създаден за решаване на дефектите и недостатъците на GIF формата (което ще видим по-късно).

Много важна характеристика на този формат е това поддържа прозрачни фолиа, за разлика от JPG, който винаги ще има едноцветен фон. PNG са идеалният формат за изображения без фон, изображения, съдържащи текст и лога. В тази категория включваме и линейни чертежи, които ще имат много по-високо качество в PNG, отколкото в JPG. PNG е идеалният формат и този, който се използва най-много за мрежата и онлайн, когато искате да поддържате много високо качество.

Обикновено се използва за изображения, които не са твърде големи.

Има два типа PNG файлове:

  • PNG 8: има ограничение на цвета, но теглото на файла е много малко (подобно на GIF).
  • PNG 24: няма ограничение за цвета, но размерът на диска ще бъде по-голям.

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

Разлики между PNG и JPG:

  • JPG разполага с компресия На загуба качество. Идеален е за големи изображения, които след намаляване са все още с приемливо качество. Не поддържа прозрачно фолио. Особено за цифрови и фотографски изображения. Леки файлове. Признава CMYK и RGB.
  • PNG има компресия Без загуба качество. Идеален за изображения без фон, изображения с текст и лога или линейни рисунки. Високо качество, но връща файлове много по-тежки от JPG. Приема прозрачни фолиа. Той не поддържа CMYK, така че не е полезен за (цифров) печат.

Разлики между PNG и GIF:

  • В повечето случаи PNG файловете се компресират по-добре от GIF файловете.
  • GIF файловете позволяват пълна прозрачност или пълна непрозрачност. въпреки това, PNG ви позволява да създавате полупрозрачност. Всъщност могат да се постигнат 256 различни вида прозрачни фолиа, сякаш това е още един цвят. Тази полупрозрачност е много полезна за възпроизвеждане на полупрозрачни обекти.
  • Файловете PNG поддържа милиони цветове докато изображенията GIF има ограничение от 256 цвята.
  • И накрая, PNG не поддържа анимации или движение, нещо, което характеризира GIF и което го е направило възродено със сила в последно време.

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

Например PNG файловете ги използват за качване, вашето лого. Този формат ще отразява идеално цветовете на вашето лого и освен това с прозрачен фон, така че да можете да го поставите където пожелаете.

# 3. Какво е GIF?

Въпреки че беше забравено за известно време, в момента е много популярен формат, позволяващ създаването на движещи се изображения. Всъщност основната му характеристика е, че поддържа анимации, но също така поддържа прозрачни фолиа и 256 цветни палитри.

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

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

Ах! Съкращенията съответстват на термина Graphic Interchange Format.

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

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

Мини резюме, за да се направят ясни концепции за разлики между JPG, PNG и GIF:

  • JPG: за фотографски изображения - кумулативна загуба на качество - не поддържа прозрачно фолио - CMYK и RGB да - не се използва за лога или изображения с текст - леко тегло.
  • PNG: идеален за логото на вашата уеб страница, за илюстрации или рисунки - компресия без загуба на качество - поддържа прозрачни фолиа и градиенти в тях - RGB да, CMYK не - работи много добре за илюстрации или изображения с текст - по-тежки файлове.
  • GIF: за прости илюстрации с плоски цветни блокове и особено за създаване на движещи се изображения - поддържа 256 цвята - абсолютна прозрачност (без градиент) - ниско тегло на диска.

Прочетохте ли всичко? Юхууууууууууу! оле, оле и олееееее! Сега можете да направите две неща:

  • Оставете ми коментар, в който казвате, че сте харесали статията, или ми задавате въпроси
  • Дайте да споделите и ме зарадвайте супер 🙂

PS: Оставям ви прикрепен, в случай че се интересувате от статията в PDF, за да можете да я изтеглите

Великденско яйце Изображение: Pixabay