- [Case Studies](/kategorie/case-studies)
- [E‑commerce tipy](/kategorie/e-commerce-tipy)
- [E‑shopová řešení a platformy](/kategorie/e-shopova-reseni-a-platformy)
- [Mergado Pack](/kategorie/mergado-pack)
- [Mergado tipy](/kategorie/mergado-tipy)
- [Novinky v Mergadu](/kategorie/novinky-v-mergadu)
- [Novinky ze srovnávačů](/kategorie/novinky-ze-srovnavacu)
- [Pracujeme s Mergadem](/kategorie/pracujeme-s-mergadem)
- [Rozhovory](/kategorie/rozhovory)
- [Rozšíření](/kategorie/aplikace)
- [S Mergadem do zahraničí](/kategorie/s-mergadem-do-zahranici)
- [Ze života Mergada](/kategorie/ze-zivota-mergada)
1. [ Úvod ](/)
2. [ Blog ](/blog)
3. [ Rozšíření ](/kategorie/aplikace)
4. **Zdokonalte svoji obrazovou inzerci s Feed Image Editorem**
# **Zdokonalte svoji obrazovou inzerci s Feed Image Editorem**
[  Lukáš Horák ](/blog/lukas-horak) [Rozšíření](/kategorie/aplikace)
17. 10. 2018
4 minuty čtení
Přitažlivost obrázků zvyšuje prodeje. Vytvořit kvalitní produktovou kampaň pro Facebook, Instagram či zbožové srovnávače znamená **dodržovat požadavky** jednotlivých platforem a zároveň svým obrázkům umět **dodat šťávu**. [Feed Image Editor](https://store.mergado.com/detail/feedimageeditor/#about) je zručná aplikace, jejíž funkce vám umožní **jednoduchou a hromadnou tvorbu úspěšných obrazových kampaní**.
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. —
Obrázky prodávají. Jejich přitažlivost ovlivňuje chování zákazníků, a tím zvyšuje prodeje. Vytvořit kvalitní produktovou kampaň pro Facebook, Instagram či zbožové srovnávače znamená **dodržovat požadavky** jednotlivých platforem a zároveň svým obrázkům **umět dodat šťávu**. [Feed Image Editor](https://store.mergado.com/detail/feedimageeditor) je zručná aplikace, jejíž funkce vám umožní **jednoduchou a hromadnou tvorbu úspěšných obrazových kampaní**.
## Proč Feed Image Editor?
[Feed Image Editor](https://www.feed-image-editor.cz/) vznikl jako nástroj pro úpravu produktových kampaní ve Facebook Dynamic Product Ads. V současnosti také nabízí úpravu formátů pro Instagram či tvorbu šablon podle vlastních rozměrů, např. pro formáty typu [GLAMI](https://www.mergado.cz/tema/glami) či [ShopAlike](https://www.mergado.cz/tema/shopalike).
### Co vám FIE přinese:
- možnosti jednoduchých a hromadných úprav velikosti obrázků k produktovým kampaním
- snadnou správu grafických a textových šablon
- možnost vytváření vlastních šablon a jejich ukládání
- měsíční používání za příznivou cenu
- propojení s již existujícími výběry z Mergada
[  ](https://www.mergado.cz/sites/default/files/perm/paragraph-image/fie-princip.png)
## Jak FIE získat?
Využívání Feed Image Editoru vyžaduje použití aplikace [Mergado](http://www.mergado.cz/). Pokud s ní pracujete, stačí si aplikaci aktivovat v [Mergado Store](https://store.mergado.com/). Feed Image Editor nabízí 10 dní zkušební doby zdarma. Pro odpovědi na podrobné otázky navštivte [nejčastější dotazy (FAQ)](https://www.feed-image-editor.cz/faq).
## Co FIE umí
### Grafické možnosti
**Posun obrázků**
Se svým produktovým obrázkem můžete libovolně hýbat. Obrázek produktu se dá **posouvat uvnitř zvoleného formátu podle potřeby**. Díky tomu snadno vytvoříte atraktivní banner, ve kterém nebude obrázek vycentrovaný na střed, ale vejde se k němu ještě text nebo další prvky. Pro opačné případy přibylo tlačítko **vycentrovat**, a pokud je obrázek **příliš velký, snadno ho oříznete**.
**Ořezávání obrázků**
Ořez využijete třeba v případě **vodoznaků**, s nimiž obrázky nevypadají dobře a většina zbožáků je v obrazové inzerci ani nepovoluje. Při vytváření šablony si zvolíte, jestli chcete přizpůsobit obrázek zvolenému formátu, a případně o kolik px ho chcete oproti formátu zvětšit nebo zmenšit. V případě přizpůsobení na formátu šířku zvětšení o 30 px bude obrázek přesahovat formát o 30px na vlevo a vpravo (v případě, že se jedná o čtverec, pak i nahoře a dole).
**Otáčení a překlápění obrázků**
Otáčením vylepšíte špatně nahrané obrázky nebo si díky němu vytvoříte netradiční reklamu. V aplikaci můžete **rotovat se samolepkami a nahranými obrázky** a převracet je podle jejich obou os.
### Samolepky
FIE disponuje **sety tématických samolepek** inspirovaných ročními obdobími (např. [vánoční sada](https://www.mergado.cz/tipy-vanoce-fie), kterou aktuálně jistě využijete) a důležitými ecommerce událostmi jako [Black Friday a Cyber Monday](https://www.mergado.cz/jak-vyuzit-feed-image-editor-pro-black-friday-a-cyber-monday). Díky nim více upozorníte na svoje zboží a slevy spojené s těmito akcemi.
[  ](https://www.mergado.cz/sites/default/files/perm/paragraph-image/vanoce-fie.png)
### Vlastní tvary
Feed Image Editor umí **nahrávat vlastní tvary**. Od teď si do něj můžete **nahrát vlastní logo** nebo jinak využít grafiku vašeho e‑shopu a dát tak produktovým obrázkům na Facebooku jednotný a snadno identifikovatelný design. Nahrát můžete **až 3 vlastní obrázky ve formátu PNG nebo JPG**. Ve FIE jednoduše vyrobíte **také instagramový formát** – při vytváření šablony pro konkrétní výběr stačí zaškrtnout formát **1080 x 1080 px**.
Kromě formátu pro Facebook a Instagram si při vytváření šablony můžete **rozměry navolit podle vlastních potřeb**. Úprava obrázků pro **GLAMI nebo ShopAlik**e tak bude snazší než kdy dřív. Feed Image Editor si navíc **nově vytvořený rozměr umí zapamatovat** – stačí ho uložit pod patřičným jménem a příště se k němu můžete zase vrátit. V seznamu rozměrů pak najdete všechny dříve vytvořené a tři základní pro Facebook, které jsou v aplikaci od začátku.
### Angličtina
Feed Image Editor se **naučil anglicky** – pokud ho chcete vyzkoušet, stačí si v administraci Mergada přepnout jazyk na angličtinu (pro změnu je potřeba se odhlásit a znovu do Mergada přihlásit).
### Náhledy
Na stránce Náhledy najdete **přehled všech šablon**, které se na vaše obrázky aplikují, a to včetně těch neaktivních. Jednoduše tak poznáte, jak která šablona vypadá bez nutnosti proklikávání do editace šablony. To se hodí třeba v případě, kdy máte ve feedu různé typy obrázků: samostatné produkty i oblečení na postavě či figuríně a podobně. Náhledů je na stránce **devět** a můžete si vybrat, jestli chcete prohlížet všechny šablony najednou, nebo jednu konkrétní a u ní se podívat na aplikaci jednotlivých prvků. V pravém horním rohu pak máte možnost vstoupit **rovnou do úprav** šablony v případě, že vám nevyhovuje. Máte také možnost přepnout se do zobrazení bez úprav – můžete tak zhodnotit, jak užitečná šablona je.
## Mergado tip
Obrázky se pro FIE berou z XML feedu. Po provedených úpravách se pro export **adresa feedu nezmění**. Díky tomu si můžete nejdříve **vyzkoušet různé varianty obrázků** bez toho, aniž byste se báli, že to bude mít dopad na vaši inzerci.
Používáte či zvažujete používat Mergado a hledáte správný nástroj pro tvorbu produktových kampaní? Feed Image Editor uživatele oslovuje zejména svojí nenáročností a příznivou cenou měsíčního paušálu. Vyzkoušejte si v něm vytvořit pár obrázků – uvidíte, jak **jednoduchá, a přitom efektivní**, je s ním práce.
Novinky z FIE můžete sledovat na našem blogu či na [fóru](https://forum.mergado.cz/t/feed-image-editor-live/248). Pokud potřebujete s aplikací pomoci, nebojte se kontaktovat [podporu](https://www.mergado.cz/kontakt) Mergada.
- [ AI boost produktových obrázků ](/tema/ai-boost-produktovych-obrazku)
- [ Image Marketing ](/tema/image-marketing)
[  ](/blog/lukas-horak)### [ Lukáš Horák ](/blog/lukas-horak)
Lukáš se v Mergadu stará o většinu komunikace v češtině. Prostřednictvím blogu, e‑mailu a sociálních sítí pravidelně zásobuje čtenáře aktualitami z e‑commerce a novinkami a tipy z Mergada. Pokud zrovna není copywriterem, užívá si prosté věci jako badminton, výlety mezi utajené skvosty osmdesátkové hudby a plody moře podávané s červeným vínem.
## Mohlo by vás *zajímat*
[ 
### Jak na GPSR na Allegru a Kauflandu: S tímto průvodcem sami doplníte e‑shop o požadované údaje
](/blog/gpsr-allegro-kaufland)
[ 
### Zobrazujte nejvhodnější alternativní produkty. Nakoupí u vás více zákazníků
](/blog/alternativni-produkty)
[ 
### Katalog Icecat vám pomůže doplnit chybějící produktová data. S Mergadem ho propojíte aplikací Clicking Goat
](/blog/icecat-clicking-goat-doplnte-chybejici-data)
## Ať vám *nic neunikne*
Přihlašte se do našeho newsletteru
Přihlášením souhlasíte, že vaše údaje zpracujeme v souladu s podmínkami o [ochraně osobních údajů](/prohlaseni-o-cookies).
Děkujeme, úspěšně jste se připojili k našemu seznamu odběratelů.
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()
}