Adding Images to Blog Posts: Best Practices
Why Manage Your Images Properly?
Section titled “Why Manage Your Images Properly?”Beyond the aesthetic aspect of your website, you must follow certain rules when adding an image to your site. Image management has a direct impact on your site’s performance, meaning the time it takes for your page to load. In other words, images affect the perception of speed that a user will have when arriving on your site.
The goal is therefore to guarantee visitors the best experience and a smooth, pleasant journey on your site.
What Are the Best Practices?
Section titled “What Are the Best Practices?”You can first work on the visual and formatting of your image. This step allows you to customize your visual from a raw photo or create your icons while respecting your brand guidelines. Your images will thus be harmonious on your site and this will help define your visual identity.
Once your design is finalized, you can move on to the step of resizing your images. Remember that your visual will be downloaded from the web, so you must ensure it respects certain proportions.
The final step will be to compress your image without loss, meaning while preserving its visual quality. The goal is always to ensure that your site’s pages load quickly to offer the best possible experience to site visitors.
For an image uploaded to your site, as a general rule, ensure it does not exceed 300 KB.
What Tools Should You Use?
Section titled “What Tools Should You Use?”Don’t panic, without professional graphic design tools, you can work on your visuals yourself. We recommend using Canva. It is an online design tool accessible to everyone. The free version allows you to explore many features, get inspired by existing templates, and shape your brand.
To resize your images, we suggest using Photopea. By modifying the width of your images, the software will automatically adjust the height to maintain the proportions of the visual and not stretch it. To have some benchmarks in mind, the width of your photos mostly does not exceed 500 px. We finally recommend exporting your photos in JPEG format with quality at 60% and your illustrations in PNG format, or transparent PNG, so as not to have a background on your illustration if desired.
Compressing your image can finally be done from Tinypng. This step is very simple and will guarantee real speed when loading your homepage.
Adding an Image from Ciklik
Section titled “Adding an Image from Ciklik”Your image has successfully passed through the 3 previous steps and is now on your computer.
Go to the admin interface of your Ciklik account. Open the visual editor for the content of an article where you want to add an image, for example.
Position yourself in the block where you want to add an image and find your image from the gallery icon.