Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
25 lines (22 sloc) 919 Bytes
layout title menuOrder
page
Encode/Decode Image to data:URL
14

HTML and CSS allows you to embed external resources right into base using data:URL scheme. Usually, image conversion to base64 is done with external on-line services or third-party assets builder.

But these tools have downsides: you have to spend extra time on on-line tools or loose control on images that should or should not be converted to base64.

With Emmet, you can convert image to data:URL right in your editor, as well as convert it back to external file.

body { background: url(demo.png); } @@@ tooltip: Move caret inside image path wait: 1000 moveTo: 1:24 wait: 1000 tooltip: Run “Encode/Decode Image to data:URL” action ::: “Encode/Decode Image to data:URL” (Shift-Cmd-I) run: emmet.encode_decode_data_url @@@ mode: text/css