साइट पृष्ठों को जल्दी से खोलने के लिए, आपको सबसे छोटे संभव वजन (फ़ाइल आकार) के चित्रों का उपयोग करने की आवश्यकता है। उसी समय, संपीड़न के बाद, छवि गुणवत्ता को अधिक नुकसान नहीं होना चाहिए।
यह पता लगाने के लिए कि कौन सा प्रारूप इष्टतम है, हमने GIF , JPG , PNG और WEBP स्वरूपों का परीक्षण किया , और परिणामी फ़ाइलों के आकार की तुलना की।
परीक्षण पद्धति
दो कार्यक्रमों का उपयोग करके एक कार्यस्थल पर संपीड़न किया गया था:
• जीडी ग्राफिक्स लाइब्रेरी , डिफ़ॉल्ट रूप से पीएचपी में निर्मित।
• थर्ड-पार्टी इमेजमैजिक प्रोग्राम और इसका php एक्सटेंशन इमेजिक ।
गुणवत्ता सेटिंग को 100 से घटाकर 0 प्रतिशत करने पर, एक मूल्य मिला, जिस पर छवि गुणवत्ता स्वीकार्य रही।
केवल यह कहें कि GD और इमेजिक दोनों प्रोग्राम समान गुणवत्ता पैरामीटर (Q) के साथ समान परिणाम देते हैं, इसलिए सभी उदाहरण केवल GD प्रोग्राम में प्राप्त छवियों के लिए दिखाए जाते हैं ।
बड़ी छवियों के लिए वास्तविक आकार 1600x900px हैं, थंबनेल 400x225px के लिए - दृश्यमान आकार भिन्न हो सकते हैं।
थंबनेल छवि (थंबनेल) 400x225px
संपीड़न के संदर्भ में, WEBP प्रारूप एक निर्विवाद नेता है।
पीएनजी नोट
PNG प्रारूप है व्यावहारिक रूप से दोनों कार्यक्रमों द्वारा संपीड़न योग्य है और एक फ़ाइल आकार परिमाण अन्य सभी प्रारूपों की तुलना में बड़ा का आदेश देता है। विशेष रूप से, इस परीक्षण में, PNG फ़ाइलों का WEBP प्रारूप की तुलना में 40 गुना अधिक बड़ा फ़ाइल आकार था ।
एक पारदर्शी पृष्ठभूमि के साथ छवियों के लिए पीएनजी प्रारूप का उपयोग कर सकता है , हालांकि, WEBP प्रारूप अल्फा चैनल के साथ भी काम करता है, और एक ही समय में, बेहतर परिणाम देता है।
, , PNG .
GIF
GIF . GIF , . SVG, GIF ( gif-).
1600x900px
WEBP JPG, 50% .
, WEBP . , , .
WEBP , .
400x225px.
WEBP .
जीडी और इमेजिक कार्यक्रमों के लिए, गुणवत्ता मूल्य को 20-30% पर सेट करने की सिफारिश की जाती है।