- [Case Studies](https://www.mergado.com/category/case-studies)
- [eCommerce tips](https://www.mergado.com/category/ecommerce-tips)
- [Online Store Solutions and Platforms](https://www.mergado.com/category/online-store-solutions-and-platforms)
- [Mergado Pack](https://www.mergado.com/category/mergado-pack)
- [Mergado tips](https://www.mergado.com/category/mergado-tips)
- [Mergado News](https://www.mergado.com/category/mergado-news)
- [eCommerce News](https://www.mergado.com/category/ecommerce-news)
- [How to use Mergado](https://www.mergado.com/category/how-to-use-mergado)
- [Interviews with e‑commerce gurus](https://www.mergado.com/category/interviews-e-commerce-gurus)
- [Extensions](https://www.mergado.com/category/apps-bidding-image-marketing-and-more)
- [Expansion with Mergado](https://www.mergado.com/category/expansion-with-mergado)
- [Mergado Lifestyle](https://www.mergado.com/category/mergado-lifestyle)
1. [ Home ](https://www.mergado.com/)
2. [ Mergado Blog ](https://www.mergado.com/blog)
3. [ Extensions ](https://www.mergado.com/category/apps-bidding-image-marketing-and-more)
4. **Get your image ads in shape with the Feed Image Editor guide**
# **Get your image ads in shape with the Feed Image Editor guide**
[  Lukáš Horák ](https://www.mergado.com/blog/lukas-horak) [Extensions](https://www.mergado.com/category/apps-bidding-image-marketing-and-more)
2. 7. 2020
5 minutes read
The e‑commerce quote that a picture is worth a thousand words repeats every day. With image marketing, for images to attract customers, they must be **in perfect condition** in terms of content and technology. Therefore, the [Feed Image Editor](https://store.mergado.com/detail/feedimageeditor/#about) application has prepared a **guide** that shows you everything you need to look after in the image feed so that your campaigns bring the desired effect.
function tableOfContents() {
return {
headings_menu: [],
heading_active: '', // Added to track the active section
shouldBeSticky: false,
generateToC() {
const headings = document.querySelectorAll('.js-article-full-headings h2, .js-article-full-headings h3');
let headingMap = {};
headings.forEach((heading) => { // Use an arrow function to maintain `this` context
// Normalize heading text to remove diacritics, then replace non-alphanumeric characters with dashes
var normalizedText = heading.textContent.normalize("NFD").replace(/[\u0300-\u036f]/g, ""); // Remove diacritics
var id = heading.id ? heading.id : normalizedText.trim().toLowerCase()
.split(' ').join('-').replace(/[^a-z0-9\-]/ig, ''); // Updated regex to replace non-alphanumeric characters
headingMap[id] = headingMap[id] !== undefined ? ++headingMap[id] : 0;
// Use the updated `id` with diacritics removed for the heading id and the TOC
const finalId = headingMap[id] ? `${id}-${headingMap[id]}` : id;
this.headings_menu.push({
id: finalId,
title: heading.textContent,
level: heading.tagName.toLowerCase(), // Track heading level
active: false, // Initially set active to false
});
heading.id = finalId;
});
},
checkStickyNeeded() {
const ul = this.$el.querySelector('ul');
if (ul) {
this.shouldBeSticky = ul.scrollHeight < window.innerHeight;
}
},
setActiveHeading() {
// disabled not working with active state on click
// add @scroll.window="setActiveHeading()" to the parent div
// const headings = document.querySelectorAll('.js-article-full-headings h2');
// let activeHeading = '';
// let closestHeadingDistance = Infinity;
// headings.forEach((heading) => {
// const rect = heading.getBoundingClientRect();
// const offset = rect.top - window.innerHeight / 2; // Consider heading in the middle of the screen as active
// if (offset < 0 && Math.abs(offset) < closestHeadingDistance) {
// activeHeading = heading.id;
// closestHeadingDistance = Math.abs(offset);
// }
// });
// // Update the active state in headings_menu
// if (activeHeading !== this.heading_active) {
// this.headings_menu = this.headings_menu.map(item => ({
// ...item,
// active: item.id === activeHeading,
// }));
// this.heading_active = activeHeading;
// }
},
setActiveItem(clickedId) {
this.headings_menu.forEach(item => {
item.active = (item.id === clickedId);
});
this.heading_active = clickedId; // Optionally update the heading_active property if used
},
};
}
1. —
The e‑commerce quote that a picture is worth a thousand words repeats every day. With image marketing, for images to attract customers, they must be **in perfect condition** in terms of content and technology. Therefore, the [Feed Image Editor](https://store.mergado.com/detail/feedimageeditor/#about) application has prepared a **guide** that shows you everything you need to look after in the image feed so that your campaigns bring the desired effect.
## Start with the image audit
If your images load slowly, are of poor quality, or are missing, you may **discourage** customers. Comparison engines also have **their own rules** regarding the display of watermarks, the size limit of images, or require a specific format.
The [Feed Image Editor](https://www.mergado.com/tag/feed-image-editor) includes tools to **help you determine** if your product images are **in** **order** and comply with all the rules of comparison engines and other advertising systems. [FIE audit](https://www.mergado.com/blog/image-audit-fie) is a feature that every new user should use to **detect problematic images**. However, this is just the tip of the iceberg — Feed Image Editor will help you **eliminate** all image errors and set image advertising to work as efficiently as possible.
### Follow the instructions in The way to ideal image feed series
To know everything you need to look for in product images, Feed Image Editor has written a [series of tutorials](https://www.feed-image-editor.com/way-ideal-image-feed) for you. They will teach you how to **detect** errors in image advertising, temporarily **hide** problematic images, or where to **find** a replacement.
- ### 1. Missing pictures
Missing images are one of the most common mistakes. Check your product feed for the **missing** **IMGURL** **element**. Products also do not have to be **paired**, or image files may be **missing**. As a result, they will not appear in comparison engines.
Solve problems with missing images using the instructions: [The way to the ideal image feed #1 Missing pictures](https://www.feed-image-editor.com/way-ideal-image-feed-1-missing-images).
- ### 2. Error 403/404/500
In several cases, customers may receive error messages that **discourage** them from purchasing in your store. It happens if you **do** **not** **have** **access** to the web page where the images are stored, it has **not been found** or has another technical problem.
All questions on this topic are in this article: [The way to the ideal image feed #2 Error 403/404/500](https://www.feed-image-editor.com/way-ideal-image-feed-2-error-403404500-missingunavailable-image).
- ### 3. Unsupported format
It often happens that the file format to which the URL refers is **not** **supported** by one of the comparison engines, or it is not one of the standard image formats. In the first case, this means that your product images will be **rejected** by the shopping engine. In the second case, they will **not** even **appear** in your online store.
Information on how to correct image formats can be found here: [The way to the ideal image feed #3 Unsupported format](https://www.feed-image-editor.com/way-ideal-image-feed-3-unsupported-format).
- ### 4. Forbidden characters in URL
Product images may be rejected by the comparison engine if their URL is **too** **long** or contains **characters that are not allowed** by the criteria. A common problem is diacritics or spaces in the image name.
This article will tell you more about the detection of illegal characters: [The way to the ideal image feed #4 Forbidden characters in URL](https://www.feed-image-editor.com/way-ideal-image-feed-4-forbidden-characters-url).
- ### 5. Image dimensions
If the image is too small, product details **will not be recognized**. And if it does not meet the minimum dimensions set by the comparison engine, it will not be displayed on it.
More in the manual: [The way to the ideal image feed #5 Dimensions of the image](https://www.feed-image-editor.com/way-ideal-image-feed-5-image-dimensions).
- ### 6. Image data size
If the size of the image **exceeds the criteria** of the comparison engine, it will be rejected. Also, it may harm your online store by **loading pictures for too long**.
Read more on how to treat the data size of images: [The way to the ideal image feed #6 Image data size](https://www.feed-image-editor.com/way-ideal-image-feed-6-image-data-size).
- ### 7. Identical pictures
If your ad uses identical images, it doesn’t make a good impression. There are only a few exceptions as products that have the same images, e.g. for size **variants** of clothing, for **illustration** **images** or **intangible** **products**.
You can find out why you pay attention to identical pictures here: [The way to the ideal image feed #7 Identical pictures](https://www.feed-image-editor.com/way-ideal-image-feed-7-identical-images).
- ### 8. Transparent background
The **white** **background** of product images is a **standard** for most advertising systems and comparison engines. If some of your images have transparent backgrounds, they will be rejected, or they will be filled in automatically and will look rough.
How to eliminate errors in the use of a transparent background, read in this article: [The way to the ideal image feed #8 Transparent background](https://www.feed-image-editor.com/way-ideal-image-feed-7-identical-images).
- ### 9. Watermarks
If you protect your product images with watermarks, keep in mind that ad systems like GLAMI or Google Shopping **won’t show** you those products. With the Feed Image Editor, you reveal which images are in your feed.
Instructions on how to use FIE on the web to find images with watermarks, read here: [The way to the ideal image feed #9 Watermarks](https://www.feed-image-editor.com/way-ideal-image-feed-7-identical-images).
- ### 10. Position, alignment, and size of the product in the picture
Ideally, the products in the image should fill **as much space as possible** and be centered. Otherwise, they lose information value and act inconsistently.
Get these parts in order with the article: [The way to ideal image feed #10: Position, alignment, and size of the product in the image](https://www.feed-image-editor.com/way-ideal-image-feed-10-position-alignment-and-size-product-image).
- ### 11. Image quality
If product images are **not sharp enough**, contain **glitch**, or are otherwise **blurred**, they may discourage customers due to their poor quality.
Add the quality you need to your images with instructions: [The way to ideal image feed #11: Image quality](https://www.feed-image-editor.com/way-ideal-image-feed-11-image-quality).
- ### 12. Other minor adjustments
Feed Image Editor includes many **filters and tools** to detect other imperfections. Use them to bring your product images closer to perfection and **increase interest** in your products.
Complete the way to the ideal image feed and read the last article in this series: [The way to ideal image feed #12: Other minor tweaks](https://www.feed-image-editor.com/way-ideal-image-feed-12-other-minor-adjustments).
[Mergado Store](https://store.mergado.com/) offers not only Feed Image Editor but many other useful apps. Try them. Using them will **speed up a lot of your work**.
Mergado is the perfect foundation for setting up the advertisement, and its applications expand its functions even further. Use them to the fullest — they will bring you many new customers.
### **You could be interested in:**
[ 
### What should a proper client context look like for performance specialists?
](https://www.mergado.com/blog/master-prompt-eshopy-b2c)
[ 
### How Feed Optimization Unlocked Meta Ads Performance without Increasing Ad Spend
](https://www.mergado.com/blog/feed-optimization-for-meta-ads)
[ 
### How to Sell Successfully on idealo
](https://www.mergado.com/blog/successful-sale-on-idealo)
[  ](https://www.mergado.com/blog/lukas-horak)### [ Lukáš Horák ](https://www.mergado.com/blog/lukas-horak)
Lukáš takes care of most of the Czech and English communication in Mergado. Through blogs, e‑mail, and social networks, he regularly supplies readers with e‑commerce news and news and tips from Mergado. In his time off, he enjoys simple things like badminton, digging the hidden gems of the 80’s, and seafood served with red wine.
## What you *might be interested in next*
[ 
### GPSR on Allegro and Kaufland
](https://www.mergado.com/blog/gpsr-allegro-kaufland)
[ 
### Show the most suitable alternative products. More customers will buy from you
](https://www.mergado.com/blog/alternative-products)
[ 
### How to optimise product images
](https://www.mergado.com/blog/how-optimise-product-images)
## Don’t miss *anything*
Sign up for our newsletter
By logging in, you agree that we will process your data by the [terms of personal data protection](https://www.mergado.com/cookies).
Thank you, you have successfully joined our subscriber's list.
function ml_webform_success_5807248() {
var r = ml_jQuery || jQuery
r('.ml-subscribe-form-5807248 .row-success').show(), r('.ml-subscribe-form-5807248 .row-form').hide()
}