[{"data":1,"prerenderedAt":710},["ShallowReactive",2],{"blog-post-/blog/de-de/prepare-images-for-pdf-export":3,"related-posts-/de-DE/blog/prepare-images-for-pdf-export":100},{"id":4,"title":5,"author":6,"body":7,"category":83,"date":84,"description":85,"extension":86,"featured":87,"image":88,"meta":89,"navigation":90,"path":91,"readingTime":92,"seo":93,"stem":94,"tags":95,"tools":98,"__hash__":99},"content/blog/de-DE/prepare-images-for-pdf-export.md","Bilder vor dem PDF-Export vorbereiten","Anything Tools Editorial",{"type":8,"value":9,"toc":77},"minimark",[10,14,18,37,42,45,48,52,74],[11,12,5],"h1",{"id":13},"bilder-vor-dem-pdf-export-vorbereiten",[15,16,17],"p",{},"Image-to-PDF workflows are common for receipts, screenshots, forms, scanned notes, product sheets, and design previews. The final PDF is cleaner when the images are prepared before export.",[15,19,20,21,26,27,31,32,36],{},"Use the ",[22,23,25],"a",{"href":24},"/image/resizer","Image Resizer"," for consistent dimensions, the ",[22,28,30],{"href":29},"/image/compressor","Image Compressor"," for smaller files, and the ",[22,33,35],{"href":34},"/image/converter","Image Converter"," when a source format is not accepted.",[38,39,41],"h2",{"id":40},"match-the-images-to-the-pdf-purpose","Match the images to the PDF purpose",[15,43,44],{},"A PDF for email should stay compact. A PDF for print needs more resolution. A PDF for review should open quickly and keep text readable.",[15,46,47],{},"Resize images to a consistent page shape, compress them before combining, and convert unsupported formats such as HEIC or WebP when needed.",[38,49,51],{"id":50},"image-to-pdf-checklist","Image-to-PDF checklist",[53,54,55,59,62,65,68,71],"ol",{},[56,57,58],"li",{},"Put images in the correct order",[56,60,61],{},"Use a consistent size or ratio",[56,63,64],{},"Keep text readable after resizing",[56,66,67],{},"Compress enough for sharing",[56,69,70],{},"Convert unsupported formats",[56,72,73],{},"Fix rotated images before export",[15,75,76],{},"A clean PDF starts before the export step: resize, compress, convert, and preview the result.",{"title":78,"searchDepth":79,"depth":79,"links":80},"",2,[81,82],{"id":40,"depth":79,"text":41},{"id":50,"depth":79,"text":51},"Image Optimization","2026-05-08T00:00:00.000Z","Praktische Checkliste zum Skalieren, Komprimieren, Sortieren und Konvertieren von Bildern vor dem PDF-Export.","md",false,"/blog/prepare-images-for-pdf-export.png",{},true,"/blog/de-de/prepare-images-for-pdf-export",5,{"title":5,"description":85},"blog/de-DE/prepare-images-for-pdf-export",[96,97,83],"Image to PDF","Image Resizing",[24,29,34],"KmHpRjUAkNBnEHrqpKIQs-hMLc6FZK4FKRYcUFOAzoc",[101,172],{"id":102,"title":103,"author":6,"body":104,"category":83,"date":84,"description":162,"extension":86,"featured":87,"image":163,"meta":164,"navigation":90,"path":165,"readingTime":92,"seo":166,"stem":167,"tags":168,"tools":170,"__hash__":171},"content/blog/de-DE/resize-images-for-mobile-performance.md","Bilder für bessere mobile Performance richtig skalieren",{"type":8,"value":105,"toc":158},[106,109,112,123,127,130,133,137,155],[11,107,103],{"id":108},"bilder-für-bessere-mobile-performance-richtig-skalieren",[15,110,111],{},"Mobile pages need images that are sized for the real layout, not oversized desktop originals. Start by checking where the image appears: hero section, product gallery, blog cover, card thumbnail, icon, or logo.",[15,113,20,114,116,117,119,120,122],{},[22,115,25],{"href":24}," to set the target dimensions, then use the ",[22,118,30],{"href":29}," to reduce file size. If another format is better for the web, convert a copy with the ",[22,121,35],{"href":34},".",[38,124,126],{"id":125},"keep-the-ratio-avoid-stretching","Keep the ratio, avoid stretching",[15,128,129],{},"Do not force a portrait or square image into a wide cover by stretching it. Preserve the aspect ratio, crop intentionally when a fixed layout requires it, and keep important content inside safe margins.",[15,131,132],{},"For blog and social covers, prepare a dedicated 1200×630 image instead of distorting an existing asset.",[38,134,136],{"id":135},"mobile-image-checklist","Mobile image checklist",[138,139,140,143,146,149,152],"ul",{},[56,141,142],{},"choose the displayed size before exporting",[56,144,145],{},"keep a consistent aspect ratio",[56,147,148],{},"compress after resizing",[56,150,151],{},"preview on a phone-sized screen",[56,153,154],{},"check text, faces, product edges, and transparent areas",[15,156,157],{},"Good mobile performance comes from preparation: resize first, compress carefully, and publish images that match the layout.",{"title":78,"searchDepth":79,"depth":79,"links":159},[160,161],{"id":125,"depth":79,"text":126},{"id":135,"depth":79,"text":136},"So wählst du mobile Bildgrößen, behältst Seitenverhältnisse bei und reduzierst Dateigrößen ohne Verzerrung.","/blog/resize-images-for-mobile-performance.png",{},"/blog/de-de/resize-images-for-mobile-performance",{"title":103,"description":162},"blog/de-DE/resize-images-for-mobile-performance",[97,169,83],"Mobile Performance",[24,29,34],"1wx64A7SNExDnZ02I0FD21R6w9Vqi5TZm_GBobva2ME",{"id":173,"title":174,"author":175,"body":176,"category":83,"date":695,"description":696,"extension":86,"featured":87,"image":697,"meta":698,"navigation":90,"path":699,"readingTime":700,"seo":701,"stem":702,"tags":703,"tools":707,"__hash__":709},"content/blog/en/avif-vs-webp-comparison.md","AVIF vs WebP: Which Image Format is Best for 2026?","Anything Tools Team",{"type":8,"value":177,"toc":676},[178,181,192,199,203,313,317,322,327,347,351,357,361,381,385,389,392,405,409,412,416,430,444,580,584,587,591,594,614,618,629,633,638,646,651,662,672],[11,179,174],{"id":180},"avif-vs-webp-which-image-format-is-best-for-2026",[15,182,183,184,188,189,122],{},"In the quest for faster websites and better user experiences, image optimization plays a crucial role. For years, ",[185,186,187],"strong",{},"WebP"," has been the challenger to JPEG and PNG. But now, a new contender has emerged: ",[185,190,191],{},"AVIF",[15,193,194,195,198],{},"In this guide, we'll compare ",[185,196,197],{},"AVIF vs WebP"," to help you decide which next-gen format is right for your projects in 2026.",[38,200,202],{"id":201},"at-a-glance-the-verdict","At a Glance: The Verdict",[204,205,206,223],"table",{},[207,208,209],"thead",{},[210,211,212,216,218,220],"tr",{},[213,214,215],"th",{},"Feature",[213,217,187],{},[213,219,191],{},[213,221,222],{},"Winner",[224,225,226,245,262,279,296],"tbody",{},[210,227,228,234,237,240],{},[229,230,231],"td",{},[185,232,233],{},"Compression",[229,235,236],{},"Good (25-35% smaller than JPEG)",[229,238,239],{},"Excellent (50%+ smaller than JPEG)",[229,241,242,243],{},"🏆 ",[185,244,191],{},[210,246,247,252,255,258],{},[229,248,249],{},[185,250,251],{},"Quality",[229,253,254],{},"Good at medium/high bitrates",[229,256,257],{},"Superior at low bitrates",[229,259,242,260],{},[185,261,191],{},[210,263,264,269,272,275],{},[229,265,266],{},[185,267,268],{},"Browser Support",[229,270,271],{},"Universal (97%+)",[229,273,274],{},"Excellent (93%+)",[229,276,242,277],{},[185,278,187],{},[210,280,281,286,289,292],{},[229,282,283],{},[185,284,285],{},"Encoding Speed",[229,287,288],{},"Fast",[229,290,291],{},"Slower",[229,293,242,294],{},[185,295,187],{},[210,297,298,303,306,309],{},[229,299,300],{},[185,301,302],{},"Features",[229,304,305],{},"Transparency, Animation",[229,307,308],{},"Transparency, Animation, HDR, Wide Color",[229,310,242,311],{},[185,312,191],{},[38,314,316],{"id":315},"what-is-webp","What is WebP?",[15,318,319,321],{},[185,320,187],{}," is an image format developed by Google in 2010. It uses predictive coding to compress images more efficiently than JPEG or PNG.",[323,324,326],"h3",{"id":325},"key-benefits-of-webp","Key Benefits of WebP:",[138,328,329,335,341],{},[56,330,331,334],{},[185,332,333],{},"Broad Support:"," Supported by all major browsers (Chrome, Firefox, Safari, Edge).",[56,336,337,340],{},[185,338,339],{},"Versatile:"," Supports both lossy and lossless compression, as well as transparency (alpha channel) and animation.",[56,342,343,346],{},[185,344,345],{},"Performance:"," Typically 25-35% smaller than comparable JPEG images.",[38,348,350],{"id":349},"what-is-avif","What is AVIF?",[15,352,353,356],{},[185,354,355],{},"AVIF (AV1 Image File Format)"," is a newer format derived from the keyframes of the AV1 video codec. It was released in 2019 by the Alliance for Open Media (AOMedia).",[323,358,360],{"id":359},"key-benefits-of-avif","Key Benefits of AVIF:",[138,362,363,369,375],{},[56,364,365,368],{},[185,366,367],{},"Superior Compression:"," Can be 50% smaller than JPEG and 20-30% smaller than WebP for the same quality.",[56,370,371,374],{},[185,372,373],{},"High Quality:"," Maintains better structural detail at very low file sizes compared to WebP (which can look blocky).",[56,376,377,380],{},[185,378,379],{},"Advanced Features:"," Native support for HDR (High Dynamic Range) and Wide Color Gamut (WCG).",[38,382,384],{"id":383},"detailed-comparison","Detailed Comparison",[323,386,388],{"id":387},"_1-file-size-compression","1. File Size & Compression",[15,390,391],{},"AVIF is the clear winner here. Its compression algorithm is more advanced, allowing it to squeeze more data into fewer bytes. In our tests:",[138,393,394,400],{},[56,395,396,397,399],{},"A 100KB JPEG converted to ",[185,398,187],{},": ~70KB",[56,401,396,402,404],{},[185,403,191],{},": ~50KB",[323,406,408],{"id":407},"_2-visual-quality","2. Visual Quality",[15,410,411],{},"At lower file sizes, WebP tends to introduce \"blockiness\" or smudging artifacts. AVIF, on the other hand, might lose some fine texture/grain but generally preserves edges and shapes much better, resulting in a more pleasing image to the human eye even at aggressive compression levels.",[323,413,415],{"id":414},"_3-browser-support-2026","3. Browser Support (2026)",[138,417,418,424],{},[56,419,420,423],{},[185,421,422],{},"WebP:"," Supported by basically everything. It's safe to use as a primary format.",[56,425,426,429],{},[185,427,428],{},"AVIF:"," Supported by Chrome, Firefox, Safari (iOS 16+, macOS Ventura+), and Edge. Global support is over 93%.",[431,432,433],"blockquote",{},[15,434,435,438,439,443],{},[185,436,437],{},"Recommendation:"," Use ",[440,441,442],"code",{},"\u003Cpicture>"," tags to serve AVIF to modern browsers and fall back to WebP or JPEG for older ones.",[445,446,450],"pre",{"className":447,"code":448,"language":449,"meta":78,"style":78},"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=\"Description\">\n\u003C/picture>\n","html",[440,451,452,468,506,537,571],{"__ignoreMap":78},[453,454,457,461,465],"span",{"class":455,"line":456},"line",1,[453,458,460],{"class":459},"sMK4o","\u003C",[453,462,464],{"class":463},"swJcz","picture",[453,466,467],{"class":459},">\n",[453,469,470,473,476,480,483,486,490,492,495,497,499,502,504],{"class":455,"line":79},[453,471,472],{"class":459},"  \u003C",[453,474,475],{"class":463},"source",[453,477,479],{"class":478},"spNyl"," srcset",[453,481,482],{"class":459},"=",[453,484,485],{"class":459},"\"",[453,487,489],{"class":488},"sfazB","image.avif",[453,491,485],{"class":459},[453,493,494],{"class":478}," type",[453,496,482],{"class":459},[453,498,485],{"class":459},[453,500,501],{"class":488},"image/avif",[453,503,485],{"class":459},[453,505,467],{"class":459},[453,507,509,511,513,515,517,519,522,524,526,528,530,533,535],{"class":455,"line":508},3,[453,510,472],{"class":459},[453,512,475],{"class":463},[453,514,479],{"class":478},[453,516,482],{"class":459},[453,518,485],{"class":459},[453,520,521],{"class":488},"image.webp",[453,523,485],{"class":459},[453,525,494],{"class":478},[453,527,482],{"class":459},[453,529,485],{"class":459},[453,531,532],{"class":488},"image/webp",[453,534,485],{"class":459},[453,536,467],{"class":459},[453,538,540,542,545,548,550,552,555,557,560,562,564,567,569],{"class":455,"line":539},4,[453,541,472],{"class":459},[453,543,544],{"class":463},"img",[453,546,547],{"class":478}," src",[453,549,482],{"class":459},[453,551,485],{"class":459},[453,553,554],{"class":488},"image.jpg",[453,556,485],{"class":459},[453,558,559],{"class":478}," alt",[453,561,482],{"class":459},[453,563,485],{"class":459},[453,565,566],{"class":488},"Description",[453,568,485],{"class":459},[453,570,467],{"class":459},[453,572,573,576,578],{"class":455,"line":92},[453,574,575],{"class":459},"\u003C/",[453,577,464],{"class":463},[453,579,467],{"class":459},[38,581,583],{"id":582},"how-to-convert-images","How to Convert Images",[15,585,586],{},"You don't need expensive software to create next-gen images.",[323,588,590],{"id":589},"online-tools","Online Tools",[15,592,593],{},"You can use our free tools to convert your images:",[138,595,596,602,608],{},[56,597,598],{},[22,599,601],{"href":600},"/image/converter/jpg-to-webp","Convert JPG to WebP",[56,603,604],{},[22,605,607],{"href":606},"/image/converter/png-to-avif","Convert PNG to AVIF",[56,609,610],{},[22,611,613],{"href":612},"/image/converter/heic-to-jpg","Convert HEIC to JPG",[323,615,617],{"id":616},"command-line","Command Line",[15,619,620,621,624,625,628],{},"For developers, tools like ",[440,622,623],{},"ffmpeg"," (for AVIF) or ",[440,626,627],{},"cwebp"," (for WebP) are powerful options for batch processing.",[38,630,632],{"id":631},"conclusion-which-should-you-use","Conclusion: Which Should You Use?",[15,634,635],{},[185,636,637],{},"Use WebP if:",[138,639,640,643],{},[56,641,642],{},"You need maximum compatibility without a fallback strategy.",[56,644,645],{},"You need fast encoding speeds (e.g., generating images on the fly).",[15,647,648],{},[185,649,650],{},"Use AVIF if:",[138,652,653,656,659],{},[56,654,655],{},"You want the absolute smallest file sizes for fastest page loads.",[56,657,658],{},"You need HDR support or higher bit-depth color.",[56,660,661],{},"You are comfortable using a fallback tag.",[15,663,664,667,668,671],{},[185,665,666],{},"Final Verdict:"," In 2026, ",[185,669,670],{},"AVIF is the best choice for performance",", but WebP remains a solid, universally supported workhorse. The best strategy is often to use both.",[673,674,675],"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":78,"searchDepth":79,"depth":79,"links":677},[678,679,682,685,690,694],{"id":201,"depth":79,"text":202},{"id":315,"depth":79,"text":316,"children":680},[681],{"id":325,"depth":508,"text":326},{"id":349,"depth":79,"text":350,"children":683},[684],{"id":359,"depth":508,"text":360},{"id":383,"depth":79,"text":384,"children":686},[687,688,689],{"id":387,"depth":508,"text":388},{"id":407,"depth":508,"text":408},{"id":414,"depth":508,"text":415},{"id":582,"depth":79,"text":583,"children":691},[692,693],{"id":589,"depth":508,"text":590},{"id":616,"depth":508,"text":617},{"id":631,"depth":79,"text":632},"2026-01-20T00:00:00.000Z","A comprehensive comparison of AVIF and WebP image formats. Learn about compression, quality, browser support, and which one you should use for your website.","/blog/avif-vs-webp.jpg",{},"/blog/en/avif-vs-webp-comparison",6,{"title":174,"description":696},"blog/en/avif-vs-webp-comparison",[191,187,704,705,706],"Image Compression","Web Performance","SEO",[708],"/image/converter/webp-to-avif","GpoEMrGmYyIOfYA-ILx5imyRiKgJZRmxCsWaJLfEmb4",1781687377966]