JPEG vs. JPG vs. PNG Który lepszy, który gorszy, który do czego?
Jaka jest różnica między .jpg i .jpeg?
Żadna :) To taka pozostałość po systemach, które mogły mieć tylko 3-literowe formaty. W zasadzie .jpg i .jpeg to ten sam format.
.jpg jest lepszy do zdjęć, .png do wszystkiego innego.
Na start podstawy. PNG może być transparentny, więc ma wiele dodatkowych zastosowań. Natomiast JPG jest do zdjęć i jest zdecydowanie lżejszy, może też być kompresowany.
Zasadniczo to JPG z racji większych możliwości kompresji będzie lżejszym formatem. Zauważyłem jednak, że PNG bywa lżejsze od JPG przy mniejszych plikach (rozdzielczość).
Dlaczego warto mieć lżejsze obrazy na stronie?
Dlaczego waga jest taka ważna? Bo ciężkie zdjęcia na stronie www sprawiają, że użytkownik dłużej czeka na załadowanie strony. Używasz więcej zasobów, przez co płacisz więcej, a użytkownicy się frustrują. Jako designerzy chcemy wszystko ostre jak żyleta, ale wstawiając obrazy na stronę, musimy znaleźć słodki punkt pomiędzy jakością a wagą pliku.
Jednakże najczęściej to nie graficy, tylko content edytorzy ładują na strony wielkie zdjęcia. Prosto z lustrzanki na stronę. Jedno takie zdjęcie może mieć przeszło 5 MB. 5 MB to przy takim przeciętnym necie na fonie ok. sekunda pobierania.
Pomnóż to przez liczbę zdjęć na stronie, a zrozumiesz, ile ludzie czekają na Twojej stronie. Chcę zrobić kolejny post w tej tematyce, bo są ciekawe wątki o tych bitach, skąd się biorą numerki (kody) kolorów, tryb index i jeszcze trochę.
Jeżeli chodzi strikte o strony www, to warto przesiąść się na format webp. Więcej on nim przeczytasz tu