- [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. **S novými funkcemi Feed Image Editoru vytvoříte transparentní pozadí a vylepšíte SEO**
# **S novými funkcemi Feed Image Editoru vytvoříte transparentní pozadí a vylepšíte SEO**
[  Lukáš Horák ](/blog/lukas-horak)
18. 1. 2022
2 minuty čtení
Trápí vás zdlouhavé **odstraňování pozadí** z produktových obrázků nebo se potýkáte se **snižováním jejich datové velikosti**? Vývojový tým FIE pro vás v nedávné době přinesl dvě novinky, se kterými se i tyto image marketingové úkony stanou jednoduché.
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. —
Trápí vás zdlouhavé **odstraňování pozadí** z produktových obrázků nebo se potýkáte se **snižováním jejich datové velikosti**? Vývojový tým FIE pro vás v nedávné době přinesl dvě novinky, se kterými se i tyto image marketingové úkony stanou jednoduché. Pojďme si představit aktuality ve [Feed Image Editoru](http://www.feed-image-editor.cz).
## Jak na automatizovanou tvorbu transparentního pozadí
Většina srovnávačů zboží požaduje, aby měly produktové obrázky **bílé pozadí**. Pokud má pozadí vašich obrázků jinou barvu, obsahuje grafické či textové prvky nebo je obrázek zasazený do prostředí, **nedostane se** toto zboží **do inzerce**.
**Jak tomu předejít?** S Feed Image Editorem to jednoduše zvládnete pomocí návodu v článku [Odstraňte pozadí produktových obrázků](https://www.feed-image-editor.cz/odstrante-pozadi-z-produktovych-obrazku).
[  ](https://www.mergado.cz/sites/default/files/perm/paragraph-image/chyby-cesky.gif)
Chcete vaši inzerci **odlišit od konkurence**? V článku výše najdete také tip, jak vylepšit kontury produktů přidáním efektu **Stín** a dodat jim 3D efekt funkcí **Odraz**.
## Jak snížit datovou velikost produktových obrázků
Příliš velké obrázky mohou zapříčinit **delší načítání stránek**. Návštěvníci webů je často rovnou opustí. Snižuje se tím jejich bounce rate, který je jeden z hlavních faktorů, podle kterých *Google* určuje řazení stránek.
**Jak tedy efektivně komprimovat obrázky, aby zlepšily vaše SEO?** I pro tento úkon pro vás Feed Image Editor připravil šikovnou **funkci a návod** v článku [Zlepšete SEO obrázků pomocí automatické komprese](https://www.feed-image-editor.cz/zlepsete-seo-obrazku-pomoci-automaticke-komprese).
[  ](https://www.mergado.cz/sites/default/files/perm/paragraph-image/kompresecesky2_0.png)
- ### Jaké další novinky přinesl Feed Image Editor v posledních releasech
Vývojáři do aplikace přidali mnoho užitečných funkcí. Mezi ty **nejdůležitější** patří:
- **Rozšíření podporovaných formátů** — odteď si dokážete Feed Image Editor aktivovat u všech typů exportů, které podporuje Mergado.
- **Intuitivnější UI** — nové uspořádání pravého panelu vás bude pomocí textových popisů vést krok za krokem.
- **Interaktivní galerie šablon** — při volbě výstupního formátu se zobrazí předpřipravená galerie šablon.
- **Naznačení záporného přesahu obrázku v editoru šablon** — při nastavení záporného přesahu produktového obrázku se vám znázorní šířka jeho přesahu. Zobrazování přesahu můžete mít aktivní nebo neaktivní.
- **Jednodušší editace vrstev polygon a křivka** — velikost polygonu a křivky změníte kolečkem myši. Použitím tlačítka Delete odstraníte vybraný bod z polygonu. Při změně formátu šablony se vám objekt přizpůsobí.
- **Nastavitelný přesah dekorační čáry textu** — dekorační čáru, kterou umístíte pod, nad nebo přes text použijte s nastavením tloušťky a nově, i s vlastním přesahem délky.
Projděte si nové funkci rovnou appce a zjistěte, kde všude vám pomohou.
## Aktivujte si Feed Image Editor
Feed Image Editor je mocná zbraň v rukou e‑shopařů a marketérů, pomocí které komplexně vytváří poutavou obrazovou inzerci. Přidejte se mezi uživatele aplikace, kteří spravují obrázky automatizovaně a hromadně, a vyzkoušejte si výhody [Feed Image Editoru](https://store.mergado.com/detail/feedimageeditor/#about) na **prvních deset dní zdarma**.
[](https://store.mergado.com/detail/feedimageeditor/)
### **Mohlo by vás zajímat:**
[ 
### Úspěšná migrace feedů e‑shopu s pomocí Mergada – 40+ feedů v 5 jazycích
](/blog/sikeres-webshop-feed-migracio-mergado-segitsegevel)
[ 
### Jak připravit produktová data tak, aby dávala smysl pro GPT Shopping?
](/blog/optimalizace-dat-pro-gpt-shopping)
[ 
### Zahajte festivalovou sezónu nadupanou konferencí Mergado Fest
](/blog/zahajte-festivalovou-sezonu-na-mergado-festu)
- [ AI boost produktových obrázků ](/tema/ai-boost-produktovych-obrazku)
- [ Jak na SEO ](/tema/jak-na-seo)
[  ](/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*
[ 
### Úspěšná migrace feedů e‑shopu s pomocí Mergada – 40+ feedů v 5 jazycích
](/blog/sikeres-webshop-feed-migracio-mergado-segitsegevel)
[ 
### Jak připravit produktová data tak, aby dávala smysl pro GPT Shopping?
](/blog/optimalizace-dat-pro-gpt-shopping)
[ 
### Zahajte festivalovou sezónu nadupanou konferencí Mergado Fest
](/blog/zahajte-festivalovou-sezonu-na-mergado-festu)
## 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()
}