पीएनजी छवियों को HTML पेजों में एम्बेड करना

छवि फ़ाइल से लिंक किए बिना पीएनजी छवि को HTML पेज में एम्बेड करने का कार्य सवाल उठाता है : छवि डेटा को सीधे HTML में कैसे शामिल करें?

बेस64 एन्कोडिंग के साथ एम्बेडिंग

बेस64 एन्कोडिंग HTML में छवियों को एम्बेड करने का एक समाधान प्रदान करता है। विभिन्न ऑनलाइन बेस 64 एनकोडर उपलब्ध हैं, लेकिन http://www.greywyvern.com/code/php/binary2base64 पर पाए गए एक मजबूत एनकोडर का उपयोग करने की अनुशंसा की जाती है।

यह टूल दो प्राथमिक एम्बेडिंग विकल्प प्रस्तुत करता है : सीएसएस या टैग का उपयोग करना। ।छवि { चौड़ाई:100px; ऊँचाई:100px; पृष्ठभूमि-छवि:यूआरएल(डेटा:छवि/पीएनजी;बेस64,iVBORwA); }

टैग एंबेडिंग

वैकल्पिक रूप से, टैग का उपयोग किया जा सकता है:

div.image {
  width:100px;
  height:100px;
  background-image:url(data:image/png;base64,iVBORwA);
}

बेस64 एन्कोडिंग का उपयोग करके, आप पीएनजी छवियों को सीधे HTML पृष्ठों में एम्बेड कर सकते हैं, जिससे बिना किसी आवश्यकता के छवियों का प्रदर्शन सक्षम हो जाता है। बाहरी छवि फ़ाइलें.