Need icons for filetypes? Hotlink from stdicon.com

http://blogrium.wordpress.com/2009/08/28/need-icons-for-filetypes-hotlink-from-stdicon-com/

by progrium • 17 years ago

37 23 17 years ago

blogrium.wordpress.com

yannis• 17 years ago

Nice application, unfortunately the icon sets IMHO need to be expanded! I also got reservations about hotlinking. Why not download? It will make your pages faster. Even better download and turn them into CSS sprites.

scorxn• 17 years ago

Or the remote lib could return sprite coordinates and dimensions, and serve one composite graphic.

progrium3• 17 years ago

Gravatar is used all over the place and is almost always hotlinked. Download if you want and you know the set of types you need icons for. Otherwise, it's just easier to blindly hotlink.

mahmud2• 17 years ago

Gravatar has avators for all its users, which could potentially include everyone online. File types icons are much more limited.

The rank of the first set is in the multi-hundred millions, while the later can be ~50. There is enough room in my /var/www/pub/images for 50 x ~40kB. (my entire disk storage, 300GB, can only hold avatars for 63M people.)

sp332• 17 years ago

If the user has visited someone else's site, they may have the hotlinked image cached and thus your page will load faster for them.

fhars• 17 years ago

As pierrfar has shown, they disable any caching, so even if you use the same icon on several pages of your site the browser will have to re-download it every single time. Now all they need is to to log the client IP and client agent string and they have a fairly accurate global clickstreams for all users over all sites that use this service (not to mention what they could do with a cookie).

Janteh• 17 years ago

They should include the Fam Fam Fam Silk Icon set, still the best and most complete icon set out there.

http://www.famfamfam.com/lab/icons/silk/

oneplusone• 17 years ago

Fugue is far larger (http://www.pinvoke.com/) and is aesthetically much more pleasant.

antidaily• 17 years ago

Much more? They look about the same to me. But thanks for the link.

progrium3• 17 years ago

Yeah, that was one of the original sets I wanted it to support, but I think they were missing some important ones.

ptarjan3• 17 years ago

I looked at those, and they don't map very well to mime types. To actions and nouns they are great, but not very good for file types.

If you can give me a nice mapping of mimetype -> FFF icons I'd love to put them on stdicon.

jeremyswank• 17 years ago

... but use wisely. excessive visual clutter helps no one.

pierrefar2• 17 years ago

Horrible horrible horrible set up!

Firstly, they're preventing browser caching of the images, which means they get reloaded at every single page load. These are the headers I'm getting:

  HTTP/1.x 200 OK
  Cache-Control: private, max-age=0
  Date: Sun, 13 Dec 2009 11:09:59 GMT
  Expires: -1
  Content-Type: text/html; charset=UTF-8
  Server: gws
  Content-Length: 0
  X-XSS-Protection: 0

Note the lack of E-Tags too.

Also, why hotlink from another domain that will need another DNS lookup? Add enough of those and you'll slow down the page load significantly.

Finally, this doesn't seem to be a CDN so it's unlikely users around the world will actually see fast download times from this single server.

progrium3• 17 years ago

Both good points. We're on it.

ptarjan3• 17 years ago

Thanks for the comments.

I'm not seeing the same headers as you on the images. Were you talking about the HTML pages?

    wget -S http://www.stdicon.com/pdf
    --2009-12-14 02:31:48--  http://www.stdicon.com/pdf
    Resolving www.stdicon.com... 74.125.53.121
    Connecting to www.stdicon.com|74.125.53.121|:80... connected.
    HTTP request sent, awaiting response...
      HTTP/1.0 200 OK
      Content-Type: image/png
      Expires: Mon, 21 Dec 2009 10:31:48 GMT
      Cache-Control: max-age=604800
      Date: Mon, 14 Dec 2009 10:31:48 GMT
      Server: Google Frontend
      Content-Length: 11999
      X-XSS-Protection: 0
      Connection: Keep-Alive
    Length: 11999 (12K) [image/png]

Good point on the E-Tag. that will help in the 1 week expiry. I'll add that.

And it is using Googles app-engine as a CDN. Is there better free CDN that you would prefer? You can always use coral cache if you like: http://www.stdicon.com.nyud.net/pdf

I don't think the DNS problem is really a problem but you are welcome to proxy from your own static image domain if you are concerned.

pierrefar2• 17 years ago

I got the headers by right-clicking on some image links and seeing what I got. Can't reproduce it right now. Apologies if there was a brain freeze moment.

I've been thinking about how to best do this over the weekend and the approach I cam up with is this: Use Cloudfront (Amazon's CDN) and use custom CNAMES for S3 buckets. An S3 bucket would be an image library (say tango.stdicon.com) and so the subdirectories of this Cloudfront subdomain would be the images sizes (tango.stdicon.com/48/foo).

This sets up a nice CDN with proper headers and a scalable way to add more libraries (just add subdomains).

This also has the "very advanced use-case" advantage: website owners can CNAME to the same library subdomain multiple times (say assets1.mysite.com assets2.mysite.com and assets3.mysite.com) and let the browser download images in parallel. See these two refs:

1. http://www.stevesouders.com/blog/2008/03/20/roundup-on-paral...

2. http://www.websiteoptimization.com/speed/tweak/parallel/

Would love to talk more if you're interested. Email address "encoded" in my profile page.

nopal3• 17 years ago

I'm sure there's no ill intent here, but I don't think it's a good practice to hotlink.

If those running stdicon were so inclined (or if they were hacked), they could easily initiate a massive XSS attack.

Ysx2• 17 years ago

With <img> tags? Is that possible?

nopal3• 17 years ago

Yes. http://ha.ckers.org/xss.html

Need icons for filetypes? Hotlink from stdicon.com

Related Stories