[{"data":1,"prerenderedAt":838},["ShallowReactive",2],{"blog-post-/blog/de-de/how-to-prepare-product-images-for-ecommerce":3,"related-posts-/de-DE/blog/how-to-prepare-product-images-for-ecommerce":212},{"id":4,"title":5,"author":6,"body":7,"category":194,"date":195,"description":196,"extension":197,"featured":198,"image":199,"meta":200,"navigation":201,"path":202,"readingTime":203,"seo":204,"stem":205,"tags":206,"tools":210,"__hash__":211},"content/blog/de-DE/how-to-prepare-product-images-for-ecommerce.md","Produktbilder für E-Commerce vorbereiten","Anything Tools Editorial",{"type":8,"value":9,"toc":183},"minimark",[10,14,18,37,42,45,48,70,73,77,80,83,97,101,104,115,121,125,128,134,138,149,153,156,176,180],[11,12,5],"h1",{"id":13},"produktbilder-für-e-commerce-vorbereiten",[15,16,17],"p",{},"Product images affect page speed, buyer confidence, and conversion rate. Images that are too large slow down the store. Images that are too small make details hard to inspect. The wrong format can also break transparency, color quality, or file size.",[15,19,20,21,26,27,31,32,36],{},"Before uploading product photos, you can prepare them with the ",[22,23,25],"a",{"href":24},"/image/resizer","Anything Tools Image Resizer",", ",[22,28,30],{"href":29},"/image/compressor","Image Compressor",", and ",[22,33,35],{"href":34},"/image/converter","Image Converter",".",[38,39,41],"h2",{"id":40},"start-with-the-image-purpose","Start with the image purpose",[15,43,44],{},"Different placements need different image sizes. Avoid uploading one oversized original everywhere.",[15,46,47],{},"Common e-commerce image placements include:",[49,50,51,55,58,61,64,67],"ul",{},[52,53,54],"li",{},"main product image",[52,56,57],{},"product gallery image",[52,59,60],{},"thumbnail",[52,62,63],{},"category page image",[52,65,66],{},"email or ad creative",[52,68,69],{},"social sharing image",[15,71,72],{},"A main product image should preserve detail. A thumbnail should load quickly and keep the product shape recognizable.",[38,74,76],{"id":75},"resize-images-before-upload","Resize images before upload",[15,78,79],{},"Most stores do not need product images that are several thousand pixels wide. Choose a target size based on the store template or marketplace requirement, then resize before upload.",[15,81,82],{},"Practical rules:",[49,84,85,88,91,94],{},[52,86,87],{},"keep main images square or use one consistent ratio",[52,89,90],{},"use the same size within a product category",[52,92,93],{},"avoid uploading images far larger than their display size",[52,95,96],{},"keep enough resolution for high-density screens without overdoing it",[38,98,100],{"id":99},"choose-the-right-image-format","Choose the right image format",[15,102,103],{},"Format choice affects transparency, quality, and file size.",[49,105,106,109,112],{},[52,107,108],{},"JPG works well for standard product photography",[52,110,111],{},"PNG is useful for transparent backgrounds, logos, and screenshots",[52,113,114],{},"WebP is often a good balance between quality and small file size",[15,116,117,118,120],{},"If the original format is not ideal, convert it with the ",[22,119,35],{"href":34}," before publishing.",[38,122,124],{"id":123},"compress-without-losing-key-details","Compress without losing key details",[15,126,127],{},"Compression is not about making the file as tiny as possible. The goal is to keep the page fast while preserving product texture, labels, color, and edges.",[15,129,130,131,133],{},"Use the ",[22,132,30],{"href":29},", then preview the product page on desktop and mobile before publishing.",[38,135,137],{"id":136},"use-descriptive-file-names","Use descriptive file names",[15,139,140,141,145,146,36],{},"File names help maintenance and image SEO. A name like ",[142,143,144],"code",{},"blue-running-shoes-side-view.jpg"," is much better than ",[142,147,148],{},"IMG_1234.jpg",[38,150,152],{"id":151},"pre-publish-checklist","Pre-publish checklist",[15,154,155],{},"Before uploading, check:",[49,157,158,161,164,167,170,173],{},[52,159,160],{},"does the image match the target placement size?",[52,162,163],{},"is the file size reasonable?",[52,165,166],{},"is transparency preserved if needed?",[52,168,169],{},"is the product centered and easy to recognize?",[52,171,172],{},"is the file name readable?",[52,174,175],{},"does it look sharp on mobile?",[38,177,179],{"id":178},"final-thoughts","Final thoughts",[15,181,182],{},"Preparing e-commerce product images is more than compression. A reliable workflow is: choose the purpose, resize, select the format, compress, name the file, and preview the result. This keeps product pages faster, clearer, and easier to maintain.",{"title":184,"searchDepth":185,"depth":185,"links":186},"",2,[187,188,189,190,191,192,193],{"id":40,"depth":185,"text":41},{"id":75,"depth":185,"text":76},{"id":99,"depth":185,"text":100},{"id":123,"depth":185,"text":124},{"id":136,"depth":185,"text":137},{"id":151,"depth":185,"text":152},{"id":178,"depth":185,"text":179},"Bildoptimierung","2026-05-05T00:00:00.000Z","Eine praktische Checkliste zum Zuschneiden, Komprimieren, Konvertieren und Benennen von Produktbildern vor dem Upload in einen Online-Shop.","md",false,"/blog/how-to-prepare-product-images-for-ecommerce.png",{},true,"/blog/de-de/how-to-prepare-product-images-for-ecommerce",6,{"title":5,"description":196},"blog/de-DE/how-to-prepare-product-images-for-ecommerce",[207,208,209],"Product Images","E-commerce","Image Optimization",[24,29,34],"4ygFWCwpv1tM1F1gCUW0OJ4BcB-5m4PAXuoLFAork_8",[213,750],{"id":214,"title":215,"author":216,"body":217,"category":194,"date":736,"description":737,"extension":197,"featured":198,"image":738,"meta":739,"navigation":201,"path":740,"readingTime":203,"seo":741,"stem":742,"tags":743,"tools":747,"__hash__":749},"content/blog/de-DE/avif-vs-webp-comparison.md","AVIF vs WebP: Welches Bildformat ist 2026 am besten?","Anything Tools Team",{"type":8,"value":218,"toc":717},[219,222,233,240,244,354,358,363,368,388,392,398,402,422,426,430,433,446,450,453,457,471,484,621,625,628,632,635,655,659,670,674,679,687,692,703,713],[11,220,215],{"id":221},"avif-vs-webp-welches-bildformat-ist-2026-am-besten",[15,223,224,225,229,230,36],{},"Auf der Suche nach schnelleren Websites und besseren Nutzererlebnissen spielt die Bildoptimierung eine entscheidende Rolle. Jahrelang war ",[226,227,228],"strong",{},"WebP"," der Herausforderer von JPEG und PNG. Aber jetzt gibt es einen neuen Konkurrenten: ",[226,231,232],{},"AVIF",[15,234,235,236,239],{},"In diesem Leitfaden vergleichen wir ",[226,237,238],{},"AVIF vs WebP",", damit Sie entscheiden können, welches Format der nächsten Generation für Ihre Projekte im Jahr 2026 das richtige ist.",[38,241,243],{"id":242},"auf-einen-blick-das-fazit","Auf einen Blick: Das Fazit",[245,246,247,264],"table",{},[248,249,250],"thead",{},[251,252,253,257,259,261],"tr",{},[254,255,256],"th",{},"Merkmal",[254,258,228],{},[254,260,232],{},[254,262,263],{},"Gewinner",[265,266,267,286,303,320,337],"tbody",{},[251,268,269,275,278,281],{},[270,271,272],"td",{},[226,273,274],{},"Komprimierung",[270,276,277],{},"Gut (25-35% kleiner als JPEG)",[270,279,280],{},"Exzellent (50%+ kleiner als JPEG)",[270,282,283,284],{},"🏆 ",[226,285,232],{},[251,287,288,293,296,299],{},[270,289,290],{},[226,291,292],{},"Qualität",[270,294,295],{},"Gut bei mittleren/hohen Bitraten",[270,297,298],{},"Überlegen bei niedrigen Bitraten",[270,300,283,301],{},[226,302,232],{},[251,304,305,310,313,316],{},[270,306,307],{},[226,308,309],{},"Browser-Support",[270,311,312],{},"Universell (97%+)",[270,314,315],{},"Exzellent (93%+)",[270,317,283,318],{},[226,319,228],{},[251,321,322,327,330,333],{},[270,323,324],{},[226,325,326],{},"Codierungsgeschwindigkeit",[270,328,329],{},"Schnell",[270,331,332],{},"Langsamer",[270,334,283,335],{},[226,336,228],{},[251,338,339,344,347,350],{},[270,340,341],{},[226,342,343],{},"Funktionen",[270,345,346],{},"Transparenz, Animation",[270,348,349],{},"Transparenz, Animation, HDR, Breiter Farbraum",[270,351,283,352],{},[226,353,232],{},[38,355,357],{"id":356},"was-ist-webp","Was ist WebP?",[15,359,360,362],{},[226,361,228],{}," ist ein Bildformat, das 2010 von Google entwickelt wurde. Es verwendet prädiktive Codierung, um Bilder effizienter zu komprimieren als JPEG oder PNG.",[364,365,367],"h3",{"id":366},"hauptvorteile-von-webp","Hauptvorteile von WebP:",[49,369,370,376,382],{},[52,371,372,375],{},[226,373,374],{},"Breite Unterstützung:"," Unterstützt von allen gängigen Browsern (Chrome, Firefox, Safari, Edge).",[52,377,378,381],{},[226,379,380],{},"Vielseitig:"," Unterstützt sowohl verlustbehaftete als auch verlustfreie Komprimierung sowie Transparenz (Alpha-Kanal) und Animation.",[52,383,384,387],{},[226,385,386],{},"Leistung:"," Typischerweise 25-35% kleiner als vergleichbare JPEG-Bilder.",[38,389,391],{"id":390},"was-ist-avif","Was ist AVIF?",[15,393,394,397],{},[226,395,396],{},"AVIF (AV1 Image File Format)"," ist ein neueres Format, das von den Keyframes des AV1-Videocodecs abgeleitet ist. Es wurde 2019 von der Alliance for Open Media (AOMedia) veröffentlicht.",[364,399,401],{"id":400},"hauptvorteile-von-avif","Hauptvorteile von AVIF:",[49,403,404,410,416],{},[52,405,406,409],{},[226,407,408],{},"Überlegene Komprimierung:"," Kann bei gleicher Qualität 50% kleiner als JPEG und 20-30% kleiner als WebP sein.",[52,411,412,415],{},[226,413,414],{},"Hohe Qualität:"," Behält strukturelle Details bei sehr kleinen Dateigrößen besser bei als WebP (das blockig aussehen kann).",[52,417,418,421],{},[226,419,420],{},"Erweiterte Funktionen:"," Native Unterstützung für HDR (High Dynamic Range) und Wide Color Gamut (WCG).",[38,423,425],{"id":424},"detaillierter-vergleich","Detaillierter Vergleich",[364,427,429],{"id":428},"_1-dateigröße-komprimierung","1. Dateigröße & Komprimierung",[15,431,432],{},"AVIF ist hier der klare Gewinner. Sein Komprimierungsalgorithmus ist fortschrittlicher und ermöglicht es, mehr Daten in weniger Bytes zu packen. In unseren Tests:",[49,434,435,441],{},[52,436,437,438,440],{},"Ein 100KB JPEG konvertiert zu ",[226,439,228],{},": ~70KB",[52,442,437,443,445],{},[226,444,232],{},": ~50KB",[364,447,449],{"id":448},"_2-visuelle-qualität","2. Visuelle Qualität",[15,451,452],{},"Bei kleineren Dateigrößen neigt WebP dazu, \"Blockbildung\" oder verschmierte Artefakte einzuführen. AVIF hingegen verliert möglicherweise etwas feine Textur/Körnung, bewahrt aber im Allgemeinen Kanten und Formen viel besser, was selbst bei aggressiven Komprimierungsstufen zu einem für das menschliche Auge angenehmeren Bild führt.",[364,454,456],{"id":455},"_3-browser-unterstützung-2026","3. Browser-Unterstützung (2026)",[49,458,459,465],{},[52,460,461,464],{},[226,462,463],{},"WebP:"," Wird von praktisch allem unterstützt. Es ist sicher als primäres Format zu verwenden.",[52,466,467,470],{},[226,468,469],{},"AVIF:"," Unterstützt von Chrome, Firefox, Safari (iOS 16+, macOS Ventura+) und Edge. Die weltweite Unterstützung liegt bei über 93%.",[472,473,474],"blockquote",{},[15,475,476,479,480,483],{},[226,477,478],{},"Empfehlung:"," Verwenden Sie ",[142,481,482],{},"\u003Cpicture>","-Tags, um modernen Browsern AVIF bereitzustellen und für ältere auf WebP oder JPEG zurückzugreifen.",[485,486,490],"pre",{"className":487,"code":488,"language":489,"meta":184,"style":184},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cpicture>\n  \u003Csource srcset=\"image.avif\" type=\"image/avif\">\n  \u003Csource srcset=\"image.webp\" type=\"image/webp\">\n  \u003Cimg src=\"image.jpg\" alt=\"Beschreibung\">\n\u003C/picture>\n","html",[142,491,492,508,546,577,611],{"__ignoreMap":184},[493,494,497,501,505],"span",{"class":495,"line":496},"line",1,[493,498,500],{"class":499},"sMK4o","\u003C",[493,502,504],{"class":503},"swJcz","picture",[493,506,507],{"class":499},">\n",[493,509,510,513,516,520,523,526,530,532,535,537,539,542,544],{"class":495,"line":185},[493,511,512],{"class":499},"  \u003C",[493,514,515],{"class":503},"source",[493,517,519],{"class":518},"spNyl"," srcset",[493,521,522],{"class":499},"=",[493,524,525],{"class":499},"\"",[493,527,529],{"class":528},"sfazB","image.avif",[493,531,525],{"class":499},[493,533,534],{"class":518}," type",[493,536,522],{"class":499},[493,538,525],{"class":499},[493,540,541],{"class":528},"image/avif",[493,543,525],{"class":499},[493,545,507],{"class":499},[493,547,549,551,553,555,557,559,562,564,566,568,570,573,575],{"class":495,"line":548},3,[493,550,512],{"class":499},[493,552,515],{"class":503},[493,554,519],{"class":518},[493,556,522],{"class":499},[493,558,525],{"class":499},[493,560,561],{"class":528},"image.webp",[493,563,525],{"class":499},[493,565,534],{"class":518},[493,567,522],{"class":499},[493,569,525],{"class":499},[493,571,572],{"class":528},"image/webp",[493,574,525],{"class":499},[493,576,507],{"class":499},[493,578,580,582,585,588,590,592,595,597,600,602,604,607,609],{"class":495,"line":579},4,[493,581,512],{"class":499},[493,583,584],{"class":503},"img",[493,586,587],{"class":518}," src",[493,589,522],{"class":499},[493,591,525],{"class":499},[493,593,594],{"class":528},"image.jpg",[493,596,525],{"class":499},[493,598,599],{"class":518}," alt",[493,601,522],{"class":499},[493,603,525],{"class":499},[493,605,606],{"class":528},"Beschreibung",[493,608,525],{"class":499},[493,610,507],{"class":499},[493,612,614,617,619],{"class":495,"line":613},5,[493,615,616],{"class":499},"\u003C/",[493,618,504],{"class":503},[493,620,507],{"class":499},[38,622,624],{"id":623},"so-konvertieren-sie-bilder","So konvertieren Sie Bilder",[15,626,627],{},"Sie benötigen keine teure Software, um Bilder der nächsten Generation zu erstellen.",[364,629,631],{"id":630},"online-tools","Online-Tools",[15,633,634],{},"Sie können unsere kostenlosen Tools verwenden, um Ihre Bilder zu konvertieren:",[49,636,637,643,649],{},[52,638,639],{},[22,640,642],{"href":641},"/image/converter/jpg-to-webp","JPG zu WebP konvertieren",[52,644,645],{},[22,646,648],{"href":647},"/image/converter/png-to-avif","PNG zu AVIF konvertieren",[52,650,651],{},[22,652,654],{"href":653},"/image/converter/heic-to-jpg","HEIC zu JPG konvertieren",[364,656,658],{"id":657},"befehlszeile","Befehlszeile",[15,660,661,662,665,666,669],{},"Für Entwickler sind Tools wie ",[142,663,664],{},"ffmpeg"," (für AVIF) oder ",[142,667,668],{},"cwebp"," (für WebP) leistungsstarke Optionen für die Stapelverarbeitung.",[38,671,673],{"id":672},"fazit-was-sollten-sie-verwenden","Fazit: Was sollten Sie verwenden?",[15,675,676],{},[226,677,678],{},"Verwenden Sie WebP, wenn:",[49,680,681,684],{},[52,682,683],{},"Sie maximale Kompatibilität ohne Fallback-Strategie benötigen.",[52,685,686],{},"Sie schnelle Codierungsgeschwindigkeiten benötigen (z. B. Bilder on-the-fly generieren).",[15,688,689],{},[226,690,691],{},"Verwenden Sie AVIF, wenn:",[49,693,694,697,700],{},[52,695,696],{},"Sie die absolut kleinsten Dateigrößen für schnellste Ladezeiten wünschen.",[52,698,699],{},"Sie HDR-Unterstützung oder Farben mit höherer Bit-Tiefe benötigen.",[52,701,702],{},"Sie sich mit der Verwendung eines Fallback-Tags wohlfühlen.",[15,704,705,708,709,712],{},[226,706,707],{},"Endgültiges Urteil:"," Im Jahr 2026 ist ",[226,710,711],{},"AVIF die beste Wahl für Leistung",", aber WebP bleibt ein solides, universell unterstütztes Arbeitspferd. Die beste Strategie besteht oft darin, beides zu verwenden.",[714,715,716],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":184,"searchDepth":185,"depth":185,"links":718},[719,720,723,726,731,735],{"id":242,"depth":185,"text":243},{"id":356,"depth":185,"text":357,"children":721},[722],{"id":366,"depth":548,"text":367},{"id":390,"depth":185,"text":391,"children":724},[725],{"id":400,"depth":548,"text":401},{"id":424,"depth":185,"text":425,"children":727},[728,729,730],{"id":428,"depth":548,"text":429},{"id":448,"depth":548,"text":449},{"id":455,"depth":548,"text":456},{"id":623,"depth":185,"text":624,"children":732},[733,734],{"id":630,"depth":548,"text":631},{"id":657,"depth":548,"text":658},{"id":672,"depth":185,"text":673},"2026-01-20T00:00:00.000Z","Ein umfassender Vergleich der Bildformate AVIF und WebP. Erfahren Sie mehr über Komprimierung, Qualität, Browser-Unterstützung und welches Sie für Ihre Website verwenden sollten.","/blog/avif-vs-webp.jpg",{},"/blog/de-de/avif-vs-webp-comparison",{"title":215,"description":737},"blog/de-DE/avif-vs-webp-comparison",[232,228,744,745,746],"Bildkomprimierung","Web-Performance","SEO",[748],"/image/converter/webp-to-avif","-WVOmyyy9fXS1yS0Fv6SZzvbMrugZMij7JIfRe6ylYk",{"id":751,"title":752,"author":753,"body":754,"category":194,"date":824,"description":825,"extension":197,"featured":198,"image":826,"meta":827,"navigation":201,"path":828,"readingTime":829,"seo":830,"stem":831,"tags":832,"tools":836,"__hash__":837},"content/blog/de-DE/how-to-compress-images-for-faster-page-speed.md","So komprimieren Sie Bilder für schnellere Ladezeiten","Das Anything Tools Team",{"type":8,"value":755,"toc":817},[756,759,762,766,769,773,778,782,789,793,810,814],[11,757,752],{"id":758},"so-komprimieren-sie-bilder-für-schnellere-ladezeiten",[15,760,761],{},"Schwere Bilder sind noch immer eine der häufigsten Ursachen für langsame Seiten. Besonders mobil schaden sie schnell und verschlechtern Core Web Vitals.",[38,763,765],{"id":764},"why-compression-matters","Why compression matters",[15,767,768],{},"Large images increase download weight, slow perceived load time, and make Core Web Vitals harder to improve.",[38,770,772],{"id":771},"pick-the-right-format-first","Pick the right format first",[15,774,775,776,36],{},"Use JPG for photos, PNG for graphics with transparency, and WebP when you want a modern web delivery format. You can compare options with the ",[22,777,35],{"href":34},[38,779,781],{"id":780},"resize-before-compressing","Resize before compressing",[15,783,784,785,788],{},"Do not compress a 4000px image if the layout only needs 1200px. Start with the ",[22,786,787],{"href":24},"Image Resizer",", then compress the smaller file.",[38,790,792],{"id":791},"delivery-workflow","Delivery workflow",[794,795,796,799,802,807],"ol",{},[52,797,798],{},"Export the original asset.",[52,800,801],{},"Resize to the real display range.",[52,803,804,805,36],{},"Compress with ",[22,806,30],{"href":29},[52,808,809],{},"Recheck the page and compare before/after in the browser.",[38,811,813],{"id":812},"final-takeaway","Final takeaway",[15,815,816],{},"For better page speed, think in this order: dimensions first, format second, compression third.",{"title":184,"searchDepth":185,"depth":185,"links":818},[819,820,821,822,823],{"id":764,"depth":185,"text":765},{"id":771,"depth":185,"text":772},{"id":780,"depth":185,"text":781},{"id":791,"depth":185,"text":792},{"id":812,"depth":185,"text":813},"2026-03-24T00:00:00.000Z","Ein praktischer Workflow für schnellere Seiten: das richtige Format wählen, vor dem Upload verkleinern und Qualität gegen Core Web Vitals abwägen.","/blog/how-to-compress-images-for-faster-page-speed.png",{},"/blog/de-de/how-to-compress-images-for-faster-page-speed",7,{"title":752,"description":825},"blog/de-DE/how-to-compress-images-for-faster-page-speed",[744,833,834,835,746],"Seitengeschwindigkeit","Core Web Vitals","Web Performance",[29],"m8DoiYrxx02c0l2VNumK2S_kgT68n3oNYnDaRa681jA",1781687371749]