Webmasters Stack Exchange is a question and answer site for pro webmasters. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I noticed that in the "Speed Dial" feature of Opera, some sites will display their logo as preview image, while other sites just a screenshot of how the site looks when you add it to speed dial. I don't know for sure but I think Chrome has the same behavior.

Stackoverflow for example has the logo :D

So how do I make my site display the logo when users add it inside speed dial?

share|improve this question
On my system, Chrome always just shows a screenshot – Adjam May 12 '12 at 10:36
up vote 3 down vote accepted

After the release of Barracuda Opera uses the <link rel=”icon”> or <link rel="apple-touch-icon"> meta in the site's header to find the logo, but it will only show in Opera if the attached image is wider than 114px.

In stackoverflow's case the code looks like this:-

<link rel="apple-touch-icon" href="http://cdn.sstatic.net/stackoverflow/img/apple-touch-icon.png">

Which links to a 158 x 158px icon image

Stackoverflow Logo

share|improve this answer

You can also use (dynamic) HTML to show the latest article headlines, images or comments. See Make your site shine in Speed Dial for details.

I have written a small WordPress plugin for this job with lots of inline comments and practical hints. It may help to understand how things work by example.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.