- [Esettanulmányok](/kategoriak/esettanulmanyok)
- [E‑kereskedelmi tippek](/kategoriak/e-kereskedelmi-tippek)
- [Mergado Pack](/kategoriak/mergado-pack)
- [Mergado hírek](/kategorie/mergado-hirek)
- [E‑kereskedelmi hírek](/kategoriak/e-kereskedelmi-hirek)
- [Hogyan kell használni a Mergadót](/kategorie/hogyan-kell-hasznalni-mergadot)
- [Alkalmazások](/kategorie/alkalmazasok)
1. [ Címlap ](/)
2. [ Blog ](/blog)
3. [ Alkalmazások ](/kategorie/alkalmazasok)
4. **Képek hátterének gyors és hatékony eltávolítása? A Feed Image Editor segítségével ezt néhány kattintással megteheti**
# **Képek hátterének gyors és hatékony eltávolítása? A Feed Image Editor segítségével ezt néhány kattintással megteheti**
[  Adam Fišer ](/blog/fiser-adam) [Alkalmazások](/kategorie/alkalmazasok)
28. 2. 2022
2 perc olvasás
Manapság a termékkép hátterének eltávolítása komoly problémát okozhat. A [Feed Image Editor](https://www.feed-image-editor.com/) alkalmazás már jóideje kínál erre lehetőséget, a legutóbbi fejlesztéseknek köszönhetően pedig még hatékonyabbá tettük ezt a funkciót. Az új kiegészítőkkel **beállíthatja a háttér eltávolításának érzékenységét** és **kisimíthatja a kivágott termékek széleit.** Nézzük, hogyan működnek.
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. —
Manapság a termékkép hátterének eltávolítása komoly problémát okozhat. A [Feed Image Editor](https://www.feed-image-editor.com/) alkalmazás már jóideje kínál erre lehetőséget, a legutóbbi fejlesztéseknek köszönhetően pedig még hatékonyabbá tettük ezt a funkciót. Az új kiegészítőkkel **beállíthatja a háttér eltávolításának érzékenységét** és **kisimíthatja a kivágott termékek széleit.** Nézzük, hogyan működnek.
## Módosítsa a háttér eltávolításának érzékenységét
Az árösszehasonlító oldalak többnyire megkövetelik, hogy a meghirdetett termékek **fehér háttérrel** rendelkeznek. Ezért gyakori eset, hogy az adott oldalon hirdetni kívánó webáruház, vagy az azt kezelő marketing ügynökségnek **el kell távolítaniuk** az eredeti hátteret a termékképekről. Az ismert szerkesztők használatakor azonban gyakran előfordul, hogy **a termék egy része vagy le van vágva, vagy a háttér nem teljesen kerül eltávolításra.**
Ezért a *Feed Image Editor* alkalmazás újonnan a háttér eltávolításnak **három szintjét kínálja.** Ezekkel beállíthatja, hogy a termék hátterének mekkora része kerüljön kivágásra.
**A háttér eltávolításának érzékenységi szintjei:**
- alacsony
- közepes
- magas
[  ](https://www.mergado.hu/sites/default/files/perm/paragraph-image/effectremovebackgrounden.png)
### Hogyan működik a gyakorlatban
1. Ha az eltávolítás során **eltűnt** a termék egy része is, állítsa **magasabbra az érzékenységet.** A háttér eltávolítása kevésbé lesz intenzív.
2. Ha a háttér eltávolítása **nem volt elég**, válasszon **alacsonyabb érzékenységet.** A funkció megpróbálja eltávolítani az összes háttérben lévő töredéket.
[  ](https://www.mergado.hu/sites/default/files/perm/paragraph-image/prikladpouziti.png)
## A FIE képes kisimítani a termékek levágott széleit
Ezt a leginkább akkor fogja értékelni, ha:
- a képek **alacsonyabb minőségűek vagy kisebb méretűek**
- a termék környezetéből **összetett hátteret** távolított el
- a termék színe **azonos az eltávolított háttér** színével
[  ](https://www.mergado.hu/sites/default/files/perm/paragraph-image/smoothing.png)
## Aktiválja a Feed Image Editort
A Feed Image Editor egy hatékony eszköz a webáruházak és marketing ügynökségek számára, amely segítségével átfogóan hozhatnak létre meggyőző képi hirdetéseket. Csatlakozzon Ön is azon felhasználók körébe, akik hatékonyan, tömegesen és automatizáltan kezelik termékképeiket. Próbálja ki a [Feed Image Editor](http://store.mergado.com/detail/feedimageeditor/#about) adta lehetőségeket és előnyöket **30 napig ingyen.**
 Feed Image Editor 30 napig ingyen
- tegye vonzóbbá termékeit az imagemarketing segítségével
- termékképek tömeges és automatizált kezelése az árösszehasonlító oldalak számára
[Érdekel a Feed Image Editor](https://store.mergado.com/detail/feedimageeditor/#about)
### **Ezeket olvasta már:**
[ 
### Sikeres webshop feed-migráció a Mergado segítségével — 40+ feed 5 nyelven
](/blog/sikeres-webshop-feed-migracio-mergado-segitsegevel)
[ 
### **Hogyan hozd ki többet a bannereidből extra költés nélkül: 6 gyakorlati tipp**
](/blog/sikeres-kreativok)
[ 
### ChatGPT Shopping: Itt a vásárlás jövője
](/blog/chatgpt-shopping-itt-a-vasarlas-jovoje)
[  ](/blog/fiser-adam)### [ Adam Fišer ](/blog/fiser-adam)
*Ádám, a Mergado tapasztalt szakértője, már évek óta segít a webáruház tulajdonosoknak és marketingeseknek abban, hogy a lehető legtöbbet hozzák ki termékeikből. Ha valamilyen kihívással szembesülsz a feedjeiddel, vagy egyszerűen csak szeretnéd optimalizálni a hirdetéseid, Ádám pontosan tudja, hogyan segíthet. A számos, sikeresen lebonyolított projektnek köszönhetően mélyreható ismeretekkel rendelkezik a Mergado funkcióiról és a legjobb gyakorlatokról.*
## Ami *legközelebb érdekelhet*
[ 
### Mutasd meg a legmegfelelőbb alternatív termékeket. Így több vásárló fog tőled vásárolni
](/blog/alternativni-produkty)
[ 
### Forradalmi megoldás a vízjelek eltávolításában. A Feed Image Editorban ezt az AI segítségével megteheti
](/blog/vizjelek-eltavolitasa-mesterseges-intelligenciaval)
[ 
### 4+1 tipp, hogyan készítse elő feedjét webáruháza külföldi terjeszkedésére
](/blog/4-1-tipp-feed-elokeszitesere-kulfoldi-terjeszkedes-eseten)
## Ne maradj le *semmiről*
Iratkozz fel hírlevelünkre
A bejelentkezéssel elfogadod, hogy adataidat a [személyes adatok védelmére vonatkozó feltételek](/hasznalati-feltetelek) szerint kezeljük.
Köszönjük, Ön sikeresen csatlakozott előfizetőink listájához.
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()
}