Archive >  2009 >  January >  10 Previous / Next


Scripting News, the weblog started in 1997 that bootstrapped the blogging revolution.

How to include a thumbnail in the HTML of a page Permanent link to this item in the archive.

A picture named reagan.jpgIf we had a registry for emerging web standards, we would have added one to it yesterday. The emerging format has been proposed by Facebook, supported by Digg and ratified by FriendFeed, and yesterday -- Scripting News. The format allows a photo-oriented web site or individual web page to include a thumbnail, so that when it's referred to by a site such as Digg or FriendFeed the representation may include that thumbnail.

I support this because: 1. I have such a website. 2. And I believe that sites like Digg, FriendFeed, Twitter are more attractive and useful when they include little bits of color graphics. It's the same principle that guided Apple to create the Macintosh in 1984, almost 25 years ago, when the current form of user interface was character-based.

To support this format, include a <link> element like this:

<link rel="image_src" href="http://static.flickrfan.org/afp/thumbnails/2009/01/10/trwas2108818.jpg" type="image/jpeg" data-width="150" data-height="122" />

And some other metadata, as explained on the Digg site.

View source on this page to see a real-world example.

I tested it with both Digg and FriendFeed and found that it works, although there at least one place where FriendFeed could support it, but they don't, yet.

Update: James Holderness says this came from Facebook, and Digg says so on their site, but the page they link to doesn't seem to say anything about thumbnails. I searched and found a citation here, but he doesn't link to any Facebook spec. I think it's fair to say Facebook supports it. I'll test now. Result: Yes! Here's a screen shot of how they appear in my Facebook profile. So they must be added to the list, which I will do now.

     

Last update: Saturday, January 10, 2009 at 2:59 PM Pacific.



A picture named dave.jpgDave Winer, 53, pioneered the development of weblogs, syndication (RSS), podcasting, outlining, and web content management software; former contributing editor at Wired Magazine, research fellow at Harvard Law School, entrepreneur, and investor in web media companies. A native New Yorker, he received a Master's in Computer Science from the University of Wisconsin, a Bachelor's in Mathematics from Tulane University and currently lives in Berkeley, California.

"The protoblogger." - NY Times.

"The father of modern-day content distribution." - PC World.

One of BusinessWeek's 25 Most Influential People on the Web.

"Helped popularize blogging, podcasting and RSS." - Time.

"The father of blogging and RSS." - BBC.

"RSS was born in 1997 out of the confluence of Dave Winer's 'Really Simple Syndication' technology, used to push out blog updates, and Netscape's 'Rich Site Summary', which allowed users to create custom Netscape home pages with regularly updated data flows." - Tim O'Reilly.

http://twitter.com/davewiner

Dave Winer Mailto icon

My most recent trivia on Twitter.

My Amazon.com Wish List

On This Day In: 2008 2007 2006 2005 2004 2003 2002 2001 2000 1999 1998.

January 2009
Sun
Mon
Tue
Wed
Thu
Fri
Sat
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Dec   Feb

Click here to see a list of recently updated OPML weblogs.

Click here to read blogs commenting on today's Scripting News.

Morning Coffee Notes, an occasional podcast by Scripting News Editor, Dave Winer.



Click here to see an XML representation of the content of this weblog.

Click here to view the OPML version of Scripting News.



© Copyright 1997-2009 Dave Winer.


Previous / Next