Full size photos
Hey dear Steemians!
Let's see a trick to turn your photos clickable and give the ability to who visit you to click the photo and see it in full size and like this to appreciate all the details.
You can try this in the photo below.
So.. How can we do this?
When you insert a photo on your post the editor adds something like this
![island-1285147_1920.jpg](https://steemitimages.com/DQmUjVGZoQSErY6aaVnoG2DkkUmH5XahChiQsKxvr3aEwbA/island-1285147_1920.jpg)
The only important part is the photo link
https://steemitimages.com/DQmUjVGZoQSErY6aaVnoG2DkkUmH5XahChiQsKxvr3aEwbA/island-1285147_1920.jpg
Copy the link of photo, from http... till ...jpg.
Now you can add in your post this
<a href="https://blablabla.jpg"><img src="https://blablabla.jpg"/></a>
(you don't have to write just copy this text above)
https://blablabla.jpg
should be the link of your photo, the one created when you insert the photo in your post and you have already copy, like that you just have to paste and substitute the https://blablabla.jpg
After this you can delete de text created by the editor, this one
![island-1285147_1920.jpg](https://steemitimages.com/DQmUjVGZoQSErY6aaVnoG2DkkUmH5XahChiQsKxvr3aEwbA/island-1285147_1920.jpg)
Before delete you can check that you have two photos in preview, one from the code you gonna delete, and the new code, that one
<a href="https://blablabla.jpg"><img src="https://blablabla.jpg"/></a>
good post ! @psos. I'm sure lots of people will find that tip really useful :)
Thanks @outerground I hope so :)
Your Post Has Been Featured on @Resteemable!
Feature any Steemit post using resteemit.com!
How It Works:
1. Take Any Steemit URL
2. Erase
https://
3. Type
re
Get Featured Instantly � Featured Posts are voted every 2.4hrs
Join the Curation Team Here | Vote Resteemable for Witness
Thanks! That's a useful one there.
👍
I have a question! Is there certain photo types/sizes that do not work?
Hey @chron as far as I know if you can upload it you can use this tip
The images are exactly the same size for me. Is just seems to add a source for the image.
I usually use this markdown (ignore "") to add sources to images: "["IMAGE"]"("LINK") and it seems your markdown does the same.
Hey @ I don't know if I understand what you mean.
Look
![IMG_20180216_234512_865.jpg](https://steemitimages.com/DQmUv4uZLEzQ1sPtLy2KkzDL7nNqoWUdPybkRuK1HeBSzcg/IMG_20180216_234512_865.jpg)
This is the code you get when you upload an image into a post. The image is not clickable.
•
<a href="https://steemitimages.com/DQmUv4uZLEzQ1sPtLy2KkzDL7nNqoWUdPybkRuK1HeBSzcg/IMG_20180216_234512_865.jpg"><img src="https://steemitimages.com/DQmUv4uZLEzQ1sPtLy2KkzDL7nNqoWUdPybkRuK1HeBSzcg/IMG_20180216_234512_865.jpg"/></a>
Now the image is clickable and you can see it in is full size.
•
<a href="https://www.google.com"><img src="https://steemitimages.com/DQmUv4uZLEzQ1sPtLy2KkzDL7nNqoWUdPybkRuK1HeBSzcg/IMG_20180216_234512_865.jpg"/></a>
Now the image is clickable and if you click send you to google