shadcn.io— हज़ारों shadcn/ui ब्लॉक
सीधे सामग्री पर जाएँ

ब्लॉग

इमेज फ़ॉर्मैट, कम्प्रेशन और ब्राउज़र में और भी बहुत कुछ करने पर नोट्स।

PNG को WebP में क्यों बदलता हूँ (और वो एक मौका जब नहीं बदलता)

PNG में एडिट करना बढ़िया है, पर उसे वेब पर भेजना फ़िज़ूलख़र्ची है। WebP असल में कितना बचाता है, कहाँ कुछ नहीं बचाता, और वो एक नियम जो मैं कभी नहीं तोड़ता।

webppngimage formatsperformance

ब्राउज़र में इमेज कन्वर्ज़न असल में कैसे काम करता है (और मैंने इसे ऐसे क्यों बनाया)

"आपकी फ़ाइलें आपके डिवाइस से बाहर नहीं जातीं" एक आर्किटेक्चर है, मार्केटिंग की लाइन नहीं। WASM ठीक आपके ब्राउज़र में कन्वर्ज़न कैसे करता है, और इसकी वह एक असली सीमा।

privacybrowserimage formats

SVG से PNG — जब आपको सचमुच पिक्सल चाहिए (और जब नहीं चाहिए)

SVG हमेशा के लिए स्केल होती है और नन्ही बनी रहती है, इसलिए उसे रास्टराइज़ करना घाटे जैसा लगता है। कभी-कभी है भी। किसी वेक्टर से PNG पिक्सल आपको असल में कब चाहिए, और SVG को कब छोड़ देना बेहतर है।

svgpngtransparency

आपके स्क्रीनशॉट 2 MB के क्यों होते हैं, और उन्हें 60–90% कैसे छोटा करें

ज़्यादातर ख़ाली किसी डैशबोर्ड के स्क्रीनशॉट का 2 MB होना बनता ही नहीं। PNG आपके साथ ऐसा क्यों करता है, और WebP में बदलने से यह 60–90% कैसे घट जाता है, बिना कुछ दिखने वाला खोए।

pngwebpscreenshotscompression

AVIF बनाम WebP — छोटी फ़ाइल हमेशा सही फ़ाइल नहीं होती

AVIF आमतौर पर साइज़ में WebP को हरा देता है, कभी-कभी 20% या उससे ज़्यादा से। वह अतिरिक्त कंप्रेशन एनकोड समय और किनारे के मामलों में क्या क़ीमत लेता है, और मैं कब आज भी WebP उठाता हूँ।

avifwebpcompressionperformance

PNG या JPG? वो दस साल पुराना नियम जिससे मैं तय करता हूँ

लॉसलेस बनाम लॉसी, किनारे बनाम फ़ोटो, ट्रांसपेरेंसी बनाम बिना। एक सीधा-सा सवाल बता देता है कि कोई फ़ाइल किस फ़ॉर्मैट में होनी चाहिए — साथ में इसे साबित करने वाली असली साइज़ टेबल।

pngjpgimage formatslosslesslossy

आपकी iPhone फ़ोटो HEIC क्यों होती हैं (और कब बस उन्हें JPG बना लें)

HEIC सचमुच एक बेहतर फ़ॉर्मैट है, पर आधा वेब आज भी इसे खोल नहीं पाता। Apple ने इसे क्यों चुना, JPG में बदलने पर असल में क्या छोड़ना पड़ता है, और मैं कब झंझट नहीं पालता।

heicjpgimage formatsphotography