base64 Images

I just saw this Coda 2 plugin for creating base64 images http://tinyurl.com/8byevqu. What’s the benefit?

Todd


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You can encode simple tiny images directly in your CSS, saving an image hit. (Each connection between the browser and the server has a setup/teardown cost, sometimes larger than the image itself.)

Walter

On Aug 29, 2012, at 8:49 PM, Todd wrote:

I just saw this Coda 2 plugin for creating base64 images http://tinyurl.com/8byevqu. What’s the benefit?

Todd
http://xiiro.com


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The operative word being “simple”. To be used with discretion then?

Todd

On Aug 29, 2012, at 7:51 PM, Walter Lee Davis email@hidden wrote:

You can encode simple tiny images directly in your CSS, saving an image hit. (Each connection between the browser and the server has a setup/teardown cost, sometimes larger than the image itself.)


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I wouldn’t start with anything much over 64k total. And it looks really awful in your CSS, so if you care about the look of things, I would consider looking at sprites before you try this. Oh, and IE < 7 or 8 doesn’t like it too much, I think.

Walter

On Aug 29, 2012, at 8:59 PM, Todd wrote:

The operative word being “simple”. To be used with discretion then?

Todd

On Aug 29, 2012, at 7:51 PM, Walter Lee Davis email@hidden wrote:

You can encode simple tiny images directly in your CSS, saving an image hit. (Each connection between the browser and the server has a setup/teardown cost, sometimes larger than the image itself.)


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Try adding this class to a line of text

I just tried this now on a CMS I’m working on, when a two-stage picker is being loaded by JavaScript, I indicate that it’s busy this way. The original was a 2K animated GIF. Base64 encoding makes it a little larger than that, but it gets cached in the CSS.

Walter

On Aug 29, 2012, at 8:59 PM, Todd wrote:

The operative word being “simple”. To be used with discretion then?

Todd

On Aug 29, 2012, at 7:51 PM, Walter Lee Davis email@hidden wrote:

You can encode simple tiny images directly in your CSS, saving an image hit. (Each connection between the browser and the server has a setup/teardown cost, sometimes larger than the image itself.)


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yikes! I see your point. That’s a whole lot of ugly.

Todd
http://xiiro.com

Walter Lee Davis wrote:

Try adding this class to a line of text

gist:3521942 · GitHub


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I used base64 images in the submission page for the Site Mapper Action (Freeway 5.5) as I knew the target browser would support them (no IE here) as well as eliminate any issues with the Action incorrectly handling file attachments as we’ve seen in the past.

Personally I like the idea of small images like this in the CSS as (for one thing) certain email clients will still load the image even if external images have been blocked by the user.
Regards,
Tim.

On 30 Aug 2012, at 01:49, Todd wrote:

What’s the benefit?


Experienced Freeway designer for hire - http://www.freewayactions.com


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options