The Steemit editor is limited. So far I haven’t found many ways to influence the way images look. The html code for size of image does not work. That means the platform sets the size of your image. The only thing that worked is the center function (< center> ) to put the image in the middle of the page.
My articles are often filled with a group of images not less than 15. In order to avoid a picdump-like situation I needed a way to showcase many images in different sizes. I have found a way to make it functional and also make it look beautiful. You have to go through a couple of steps some might say are unconventional. But If I guess right the Steemit community thinks outside the box
- Click the plus sign. You will find this plus sign when you start a new article
- Click the photo symbol.
Pick 1 image: and you will have a simple image.
Pick 2 images: they will immediately be put next to each other
Advice: You can also use three images. I would try to avoid this since the display on Steemit is too small. The images will be shown like thumbnails. as here in my following image:
Advice: Depending on the size of the image it might not be a good idea to upload three images in a row. If you want to showcase logos or small thumbnails this would work out. If you you show photographs like in my example you see the result is very small.
- Screenshot the selected file with CMD + SHIFT + 4
Advice: I have outlined (perfectly in red) the corners where you have to select the screenshot
Advice: Lightshot is a wonderful to make selected screenshot. The great thing about it is that whenever you take a screenshot it automatically uploads it and provides you with a link.
- Select the image as in "Step 3 for MAC"
- Upload the file on your favourite host.
Advice: Not all plattforms are accepted on Steemit. I have found ImgSafe as a reliable and easy to use source for my uploads. You can upload easily from your computer or just add the link.
Just paste the link into the Steemit editor. It works in both editor & html. As you can see I use the HTML view and add the centre function to put the images in the middle of the page for aesthetics. Play around with the result. Sometimes two images dont look great alone but fit perfectly together next to each other
