Best way to select image from HTML for use as thumbnail / page preview

Assuming there is no og: image or link rel img_source image, does anyone have any real experience or method tips better than random to select the image that the web page best represents?

Refresh . All the answers are good, so they were all picked and selected, although there seems to be no great way to do this. I will experiment with the largest picture and a screenshot of what she would like on a low-resolution client. Thanks everyone!

PS : I find that on several pages there seems to be an og: image or rel img_source link anyway. More than i expected

+5
source share
5 answers

Taking a snapshot of the website in the smallest possible way, as it would look on a laptop or even a mobile (but not on a mobile site), would be no coincidence.

Most good web designers will try to make sure that users can immediately see that the page goes right after loading, and include in it the most important and relevant information "above the fold," as they say.

+2
source

Select your page logo as an og: image. In this way, your brand becomes associated with all your posts without worrying about which image best defines each individual page.

For other pages, you cannot control which image they have.

, sharer.php , , , - .

+1

Facebook opengraph, , , - , , ... / , -. favicon.ico html ( , ).

, , . , , "-2.0" iPhone/iPad apple-touch-icon png (, )

http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

+1

img. CSS h1/header/div/a/ .. .

"" ID/:

var l = $('[id*="logo"],[id*="Logo"],[class*="logo"],[class*="Logo"]');

/ img, , . , a div , CSS , , .

, , () , .

, !

+1

, , . -, , . , Google+ Facebook. , .

, og:image rel="image_source".

, <h1> <h2>. . , .

. EXIF, , . , - , EXIF ​​, , . , ..

HTML5 <article>, , .

, -, , - .

+1
source

All Articles