PUBLIC MARKS from decembre with tags image & base64

t's a good practice usually only for very small CSS images that are going to be used together (like CSS sprites) when IE compatibility doesn't matter, and saving the request is more important than cacheability. It has a number of notable downsides: Doesn't work at all in IE6 and 7. Works for resources only up to 32k in size in IE8. It saves a request, but bloats the HTML page instead! And makes images uncacheable. They get loaded every time the containing page or style sheet get loaded. Base64 encoding bloats image sizes by 33%. If served in a gzipped resource, data: images are almost certainly going to be a terrible strain on the server's resources! Images are traditionally very CPU intensive to compress, with very little reduction in size.

data: URI Generator The data: URI scheme allows you to build URLs that embed small data objects. data: URIs are supported by most modern browsers except for Internet Explorer. The lack of IE support is holding back widespread adoption of data: URIs, but they are still very useful in a couple of specific areas such as embedding graphics and other data items in Greasemonkey scripts. You can read more about data: URIs and see some examples of their use, or use the generator below to create your own. data: URIs are defined in RFC 2397.

Je m’explique. Vous pouvez créez de toute pièce une URL contenant un fichier, qu’il soit image, ascii, texte ou encore xml. Celle-ci se forme de cette façon pour une image par exemple: data:image/jpeg;base64,jpeg_encodée_en_base64Quoiqu’il en soit, voici comment faire ! Tout d’abord, il faut convertir votre fichier en base64. Moi je vais convertir une image. Il a des tas de sites qui fond ça mais celui là est sympa: http://www.sveinbjorn.org/dataurlmaker Plus votre fichier est gros, plus ces lignes de codées seront longues. Il suffit ensuite de replacer cette chaine dans les tags cité ci dessus: <img src="data:image/jpeg;base64,ICI_LE_CODE_BASE64"> et le tour est joué !

Converts image files to base64 data with a preview pane (256 x 256) :displays the size and image of the returned data. Options to copy data to browser url location bar, to the clipboard or save to file (default .txt) with a choice of 16 pre-defined format