Linking to Flickr images

Tests for Flickr while signed out to simulate viewing by others. Text image is 1 MP.


1. Linking to an image that opens in a new browser tab, but in a Flickr window (underlining added to link text manually because it is omitted by the forum software):


A. Using the shortened URL from the Share icon:

Code used:[a href="https://flic.kr/p/28QyTJ4""][u]some-link-text[/u][/a]

Working example: some-link-text


B. Using the resulting actual URL from the above:

Code used: [a href="https://www.flickr.com/photos/165734665@N07/43212799315/"][u]some-link-text[/u][/a]

Working example: some-link-text

There appears to be no difference between A and B.



2. Embedding in a post with no Flickr window:

A. Furnishing no size parameter and no style parameter triggers modification by the forum:

Code entered: [img src="https://farm2.staticflickr.com/1848/43212799315_d81ff27a43_b.jpg" alt="some-text-for-the-blind"]

Code produced: [img src="https://farm2.staticflickr.com/1848/43212799315_d81ff27a43_b.jpg" style="max-width:100%;" alt="some-text-for-the-blind"]

Note that a style parameter has been automatically added to limit the width per a forum setting.

Working example:




B. Giving the width parameter as the same as a "known-too-big" (1450 × 690) original exceeds screen width, cropping the image:

Code used: [img src="https://farm2.staticflickr.com/1848/43212799315_d81ff27a43_b.jpg" width="1450" height="690" alt="some-text-for-the-blind"]

Working example:



Conclusion: To limit the image to a screen width, either include the style parameter or give proportionally-reduced size parameters (see D and E, below for the undesirable effects of non-proportional reductions).


C. Giving the size parameters as 1/2 of the original:

Code used: [img src="https://farm2.staticflickr.com/1848/43212799315_d81ff27a43_b.jpg" width="725" height="345" alt="some-text-for-the-blind"]

Working example:




From the above, it is obvious the original size has been severely reduced by the forum as seen in A, above.


D. Giving a size exactly 1/10 of the full size:

Code used: [img src="https://farm2.staticflickr.com/1848/43212799315_d81ff27a43_b.jpg" width="145" height="69" alt="some-text-for-the-blind"]

Working example:





E. Giving a size as in C, above, but height is intentionally reduced to show distortion:

Code used: [img src="https://farm2.staticflickr.com/1848/43212799315_d81ff27a43_b.jpg" width="725" height="33" alt="some-text-for-the-blind"]

Working example:





F. Giving a size as in C, above, but width is intentionally reduced to show distortion:

Code used: [img src="https://farm2.staticflickr.com/1848/43212799315_d81ff27a43_b.jpg" width="73" height="345" alt="some-text-for-the-blind"]

Working example:




Conclusion: You can control the image size of an embed by altering the img tag parameters, thus saving having to store the original pix at the desired size at the host site, but you must keep the height and width dimensions proportional to avoid distortion.