When creating a post on steemit featuring a photo, you might experience problems with how the photo is displayed. Most likely one or both of the following problem occur:
There are tips to be found on steem where it's sugested to use a specific steemit-URL to resize your photos. But this doesn't seem to work anymore. Also, with a automatic resize-URL the original photo still needs to be loaded by the website which in turn leads again to a longer loading-time.
With this short tutorial I'll show you how to use the very light-weight software Irfanview to resize your photo to an reasonable size, uploading it to steem and linking your full-resolution photo to you displayed resized photo.
If you haven't already, you need to download the Software from irfanview.com. Installation should be easy and be quickly done. Once this is done, you can use the software without anything further to do (except you are using the software for commercial projects).
For this example I'm using a photo from my smartphone, which is larger than what can be displayed on my monitor. If you want to play along, you can do so by opening this link and download the photo to your machine.
Once everything is ready, open your picture with Irfanview and click 'Image' and then 'Resize/Resample' (Hotkey: Ctrl+r). The new window contains a few information for you and some options. The window should look like this:
We now use the very easy way to upload a photo to steem. In Irfanview, with the resized photo still opened, click on 'Edit' and 'Copy'(Hotkey: Ctrl+C). Switch now to your new post on steem, jump with your cursor to where you want the resized photo to appear, right-click your mouse and choose 'Paste'(Hotkey: Ctrl+V). The photo will be uploaded to steem and you can use it.
The resized photo was uploaded to steem and generated in your post-form something like this:
Unfortunately we need to expand this command a little to make it work for us. Here you can see how the expanded code looks like and where which data goes:
[](delete text between those brackets and upload you full-resolution picture here the way you usually do it)
Please keep in mind, that the code mentioned above needs to be in one line an can only be broken into two lines of text by your browser. If you hit 'Enter' to achieve this, your code will not work.
If you feel fancy, you can center your photo and add a subtitle too. The full code as I'm using it looks like this:
<center>
[](https://steemitimages.com/DQmahHHE7PLL3qU2GxvbSw5Fou6tmBZEGHwcEnY5adL4B5K/image.png)
<sup> *Make sure to (right-)click that picture for full resolution*</sup>
</center>
Go ahead and have a look at it in my other post. Click here!
@pkattera
@juliankI hope that this post helped you a bit. Let me know what you think and also hints to mistakes are highly appreciated! Thanks for reading :-)