(how to) imgur, displaying image.

[mvgulik]

Used Image: Id: "rgx4piN" =(image-post-page)=> http://imgur.com/rgx4piN

Imgur allows for displaying the source image at other smaller resolutions (ie: thumbnails).
For this one would append one of the following characters to the image-id part.
["s", "b", "t", "m", "l", "h"] (only one & case sensitive. ... See Doc link and Example code-block.)
Related Imgur thumbnails doc

Code: Select all

X) [img]http://imgur.com/rgx4piN[/img] (Bad usage => Missing image extension)
S) [img]http://imgur.com/rgx4piNs.png[/img] (Small squared size, Short side re-scale to 90x90, +long side center-Cropped to 90 px)
B) [img]http://imgur.com/rgx4piNb.png[/img] (Big squared size, Short side re-scale to 160x160, +long side center-Cropped to 160 px)
T) [img]http://imgur.com/rgx4piNt.png[/img] (Tiny size, Longest side, down-scaled to 160 px)
M) [img]http://imgur.com/rgx4piNm.png[/img] (Medium size, Longest side, down-scaled to 320 px)
L) [img]http://imgur.com/rgx4piNl.png[/img] (Large size, Longest side, down-scaled to 640 px)
H) [img]http://imgur.com/rgx4piNh.png[/img] (Huge size, Longest side, down-scaled to 1024 px)
O) [img]http://imgur.com/rgx4piN.png[/img]  (Original size)

Valid image extensions: ".png", ".jpg", ".jpeg", ".gif".
+ Which of those extensions is used ... actually don't matters.
+ Lowercase only.
+ Exception: The ".gifv" extension. Don't use that (in url-links) on none gifv images.


X) (Bad usage => Missing image extension)


S) (Small squared size, 90x90)


B) (Big squared size, 160x160)


T) (Tiny size, max side 160 px)


M) (Medium size, max side 320 px)


L) (Large size, max side 640 px)


H) (Huge size, 1024 px)


O) (Original size)

--- --- ---

To display a smaller image that links to the original-sized image, or the image-page, just enclose the image-tag in a url-tag.
(using gif on a jpeg image here)

Code: Select all

[url=http://imgur.com/rgx4piN.gif] [img] http://imgur.com/rgx4piNt.gif [/img] [/url]

--- --- ---

Code: Select all

[url=http://www.havenandhearth.com/forum/viewtopic.php?p=841905#p841905][color=#008](how to) imgur, displaying image.[/color][/url]

link preview: (how to) imgur, displaying image.

... burp ...

[vatas]

Took me a moment to realize what you were going after. Further demonstration with this image that caught my attention on imgur frontpage yesterday.

S) (Squared size, 90x90, Cropped, No Alpha)


T) (Tiny size, No up-scale, (No Alpha))


M) (Medium size, No up-scale, (No Alpha))


L) (Large size, No up-scale, (No Alpha))


O) (Original size)

[mvgulik]

Aha.
+ Square image: Smallest side, scaled 90 px, +re-scaled longest side center-Cropping to 90 px.
+ Tiny: Longest side, down-scaled to 160 px.
+ Medium: Longest side, down-scaled to 320 px.
+ Large: Longest side, down-scaled to 640 px.

... Mmm, in hindsight "The Inn of Brodgar" would have been the more appropriate forum section for this topic. ...

[MagicManICT]

Interesting post, and should help with some of the broken image links people post... assuming they read this. Took me a second to realize it's appending a single letter code to the end of a file name. Could be useful, and might think about enforcing this on some of people's "screen sized" images in their threads.

... Mmm, in hindsight "The Inn of Brodgar" would have been the more appropriate forum section for this topic. ...

Maybe. One could argue "the wizards' tower" because it's more about "power user" features for the forum. Moved, though, because it applies anywhere you'd post an imgur link.

[mvgulik]

Took me a second to realize it's appending a single letter code to the end of a file name

Yea, that part was not standing out that well. (fixed, kinda)

[mvgulik]

Finally, after a hunch. found some imgur doc on those thumbnails.
+ doc link
+ additional thumbnail cases. (b, h)
+ ".gifv" exception.