- [Case Studies](https://www.mergado.cz/kategorie/case-studies)
- [E‑commerce tipy](https://www.mergado.cz/kategorie/e-commerce-tipy)
- [E‑shopová řešení a platformy](https://www.mergado.cz/kategorie/e-shopova-reseni-a-platformy)
- [Mergado Pack](https://www.mergado.cz/kategorie/mergado-pack)
- [Mergado tipy](https://www.mergado.cz/kategorie/mergado-tipy)
- [Novinky v Mergadu](https://www.mergado.cz/kategorie/novinky-v-mergadu)
- [Novinky ze srovnávačů](https://www.mergado.cz/kategorie/novinky-ze-srovnavacu)
- [Pracujeme s Mergadem](https://www.mergado.cz/kategorie/pracujeme-s-mergadem)
- [Rozhovory](https://www.mergado.cz/kategorie/rozhovory)
- [Rozšíření](https://www.mergado.cz/kategorie/aplikace)
- [S Mergadem do zahraničí](https://www.mergado.cz/kategorie/s-mergadem-do-zahranici)
- [Ze života Mergada](https://www.mergado.cz/kategorie/ze-zivota-mergada)
1. [ Úvod ](https://www.mergado.cz/)
2. [ Blog ](https://www.mergado.cz/blog)
3. [ Rozšíření ](https://www.mergado.cz/kategorie/aplikace)
4. **Pracujte ve Feed Image Editoru s vlastními obrázky a tvary!**
# **Pracujte ve Feed Image Editoru s vlastními obrázky a tvary!**
[  Kateřina Šmajzrová ](https://www.mergado.cz/blog/katerina-smajzrova) [Rozšíření](https://www.mergado.cz/kategorie/aplikace)
25. 1. 2017
2 minuty čtení
Naposledy bylo o téhle šikovné appce na úpravu obrázků slyšet spolu se soutěží o láhev kapitána Mergada. Od té doby se ale hodně věcí změnilo a takové zápolení by dnes mělo úplně jinou podobu!
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. —
Pro ty, kteří o této Mergadově aplikaci ještě neslyšeli vůbec, ji krátce představím. **Feed Image Editor pracuje s obrázky** vašeho zboží, které míří do produktových reklam na Facebooku. Dokáže **upravit jejich velikost** tak, aby se zobrazovaly správně a umožňuje **přidávat doplňkové informace** o produktech přímo do obrázku.
## 2v1 aneb vlastní obrázek do vlastního obrázku
Hraní si s trojúhelníky a kolečky bylo jistě zajímavou výzvou, pokradmu ale stejně všichni čekali, až bude možné **importovat vlastní „opravdový“ obrázek** – logo, výzvu k akci, maskota. Kluci na tom v lednu zapracovali a hle, Feed Image Editor od tohoto týdne **dokáže i takové kousky**!  Přidávat můžete obrázky **ze souborů PNG a JPG**. Aktuálně lze nahrát až **3 vlastní obrázky.** Malý tip: Povšimněte si **“šoupátka” na změnu velikosti** — snazší už to ani být nemohlo!
## 
##
##
##
##
##
## FIE pro Instagram? Žádný problém!
Další žhavou novinkou je formát **1080 x 1080 px,** který využijete jak na Facebooku, tak hlavně pro **inzerci na Instagramu,** kde kvalitní fotky frčí a můžete tam skrze ně přilákat zákazníky, kteří se jinak o vašem zboží nedozvědí.
## Na velikosti teď už nezáleží
Schválně, co říkáte na takový obrázek?  Žádná sláva, že? Naštěstí i tady udělá Feed Image Editor práci za nás. Nově totiž umí **zvětšit původní produktový obrázek** tak, aby **vyplnil na maximum prostor zvoleného výstupního formátu** a nedošlo tak k jeho ořezání nebo deformaci. Na vás zůstává jen výběr dostatečně velkého obrázku, ty malé by při zvětšení mohli připomínat spíš náhodný shluk pixelů.  Stačí jednoduše zatrhnout políčko s tímto požadavkem:  **Přesvědčil vás?** Feed Image Editor si snadno aktivujete v[ Mergado Store](https://store.mergado.com/detail/feedimageeditor/#about) a hned můžete začít s vylepšováním své produktové reklamy. **Nepřesvědčil vás?** Na 10 dní si ho můžete zapnout zdarma! Chcete zůstat v obraze a mít přehled o novinkách? Mrkněte do [fóra Feed Image Editor Live.](https://forum.mergado.cz/t/feed-image-editor-live/248/9)
- [ AI boost produktových obrázků ](https://www.mergado.cz/tema/ai-boost-produktovych-obrazku)
- [ Mergado rozšíření ](https://www.mergado.cz/tema/mergado-aplikace)
[  ](https://www.mergado.cz/blog/katerina-smajzrova)### [ Kateřina Šmajzrová ](https://www.mergado.cz/blog/katerina-smajzrova)
Katka se panu Mergadovi starala o české texty, hlídala aby jim bylo rozumět a aby vás bavily. Taky točila videa a webináře pro ty, kdo jsou spíš na obrázky než na texty.
## 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
](https://www.mergado.cz/blog/gpsr-allegro-kaufland)
[ 
### Zobrazujte nejvhodnější alternativní produkty. Nakoupí u vás více zákazníků
](https://www.mergado.cz/blog/alternativni-produkty)
[ 
### Katalog Icecat vám pomůže doplnit chybějící produktová data. S Mergadem ho propojíte aplikací Clicking Goat
](https://www.mergado.cz/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ů](https://www.mergado.cz/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()
}