[{"data":1,"prerenderedAt":710},["ShallowReactive",2],{"blog-post-/blog/de-de/resize-images-for-mobile-performance":3,"related-posts-/de-DE/blog/resize-images-for-mobile-performance":97},{"id":4,"title":5,"author":6,"body":7,"category":80,"date":81,"description":82,"extension":83,"featured":84,"image":85,"meta":86,"navigation":87,"path":88,"readingTime":89,"seo":90,"stem":91,"tags":92,"tools":95,"__hash__":96},"content/blog/de-DE/resize-images-for-mobile-performance.md","Bilder für bessere mobile Performance richtig skalieren","Anything Tools Editorial",{"type":8,"value":9,"toc":74},"minimark",[10,14,18,37,42,45,48,52,71],[11,12,5],"h1",{"id":13},"bilder-für-bessere-mobile-performance-richtig-skalieren",[15,16,17],"p",{},"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,19,20,21,26,27,31,32,36],{},"Use the ",[22,23,25],"a",{"href":24},"/image/resizer","Image Resizer"," to set the target dimensions, then use the ",[22,28,30],{"href":29},"/image/compressor","Image Compressor"," to reduce file size. If another format is better for the web, convert a copy with the ",[22,33,35],{"href":34},"/image/converter","Image Converter",".",[38,39,41],"h2",{"id":40},"keep-the-ratio-avoid-stretching","Keep the ratio, avoid stretching",[15,43,44],{},"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,46,47],{},"For blog and social covers, prepare a dedicated 1200×630 image instead of distorting an existing asset.",[38,49,51],{"id":50},"mobile-image-checklist","Mobile image checklist",[53,54,55,59,62,65,68],"ul",{},[56,57,58],"li",{},"choose the displayed size before exporting",[56,60,61],{},"keep a consistent aspect ratio",[56,63,64],{},"compress after resizing",[56,66,67],{},"preview on a phone-sized screen",[56,69,70],{},"check text, faces, product edges, and transparent areas",[15,72,73],{},"Good mobile performance comes from preparation: resize first, compress carefully, and publish images that match the layout.",{"title":75,"searchDepth":76,"depth":76,"links":77},"",2,[78,79],{"id":40,"depth":76,"text":41},{"id":50,"depth":76,"text":51},"Image Optimization","2026-05-08T00:00:00.000Z","So wählst du mobile Bildgrößen, behältst Seitenverhältnisse bei und reduzierst Dateigrößen ohne Verzerrung.","md",false,"/blog/resize-images-for-mobile-performance.png",{},true,"/blog/de-de/resize-images-for-mobile-performance",5,{"title":5,"description":82},"blog/de-DE/resize-images-for-mobile-performance",[93,94,80],"Image Resizing","Mobile Performance",[24,29,34],"1wx64A7SNExDnZ02I0FD21R6w9Vqi5TZm_GBobva2ME",[98,172],{"id":99,"title":100,"author":6,"body":101,"category":80,"date":81,"description":162,"extension":83,"featured":84,"image":163,"meta":164,"navigation":87,"path":165,"readingTime":89,"seo":166,"stem":167,"tags":168,"tools":170,"__hash__":171},"content/blog/de-DE/prepare-images-for-pdf-export.md","Bilder vor dem PDF-Export vorbereiten",{"type":8,"value":102,"toc":158},[103,106,109,120,124,127,130,134,155],[11,104,100],{"id":105},"bilder-vor-dem-pdf-export-vorbereiten",[15,107,108],{},"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,110,20,111,113,114,116,117,119],{},[22,112,25],{"href":24}," for consistent dimensions, the ",[22,115,30],{"href":29}," for smaller files, and the ",[22,118,35],{"href":34}," when a source format is not accepted.",[38,121,123],{"id":122},"match-the-images-to-the-pdf-purpose","Match the images to the PDF purpose",[15,125,126],{},"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,128,129],{},"Resize images to a consistent page shape, compress them before combining, and convert unsupported formats such as HEIC or WebP when needed.",[38,131,133],{"id":132},"image-to-pdf-checklist","Image-to-PDF checklist",[135,136,137,140,143,146,149,152],"ol",{},[56,138,139],{},"Put images in the correct order",[56,141,142],{},"Use a consistent size or ratio",[56,144,145],{},"Keep text readable after resizing",[56,147,148],{},"Compress enough for sharing",[56,150,151],{},"Convert unsupported formats",[56,153,154],{},"Fix rotated images before export",[15,156,157],{},"A clean PDF starts before the export step: resize, compress, convert, and preview the result.",{"title":75,"searchDepth":76,"depth":76,"links":159},[160,161],{"id":122,"depth":76,"text":123},{"id":132,"depth":76,"text":133},"Praktische Checkliste zum Skalieren, Komprimieren, Sortieren und Konvertieren von Bildern vor dem PDF-Export.","/blog/prepare-images-for-pdf-export.png",{},"/blog/de-de/prepare-images-for-pdf-export",{"title":100,"description":162},"blog/de-DE/prepare-images-for-pdf-export",[169,93,80],"Image to PDF",[24,29,34],"KmHpRjUAkNBnEHrqpKIQs-hMLc6FZK4FKRYcUFOAzoc",{"id":173,"title":174,"author":175,"body":176,"category":80,"date":695,"description":696,"extension":83,"featured":84,"image":697,"meta":698,"navigation":87,"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,36],{},"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:",[53,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:",[53,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:",[53,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)",[53,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":75,"style":75},"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":75},[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":76},[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":89},[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:",[53,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:",[53,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:",[53,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":75,"searchDepth":76,"depth":76,"links":677},[678,679,682,685,690,694],{"id":201,"depth":76,"text":202},{"id":315,"depth":76,"text":316,"children":680},[681],{"id":325,"depth":508,"text":326},{"id":349,"depth":76,"text":350,"children":683},[684],{"id":359,"depth":508,"text":360},{"id":383,"depth":76,"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":76,"text":583,"children":691},[692,693],{"id":589,"depth":508,"text":590},{"id":616,"depth":508,"text":617},{"id":631,"depth":76,"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",1781687378225]