[{"data":1,"prerenderedAt":87},["ShallowReactive",2],{"\u002Fdocs\u002Fwhen-to-use-webp":3,"\u002Fdocs\u002Fwhen-to-use-webp-adjacent":78},{"id":4,"title":5,"body":6,"category":67,"description":68,"extension":69,"eyebrow":70,"meta":71,"navigation":72,"path":73,"published":74,"seo":75,"stem":76,"__hash__":77},"docs\u002Fdocs\u002Fwhen-to-use-webp.md","When to use WebP",{"type":7,"value":8,"toc":60},"minimark",[9,13,18,27,30,34,37,40,44,47],[10,11,12],"p",{},"WebP can store opaque photographs, transparent graphics, and lossless or lossy image data. It is useful for compatible web workflows, but format capability alone does not guarantee that every WebP will be smaller or accepted everywhere.",[14,15,17],"h2",{"id":16},"use-webp-for-destinations-you-control-or-can-test","Use WebP for destinations you control or can test",[10,19,20,21,26],{},"WebP is a strong candidate for website assets and applications that explicitly accept it. For a JPEG source, use the ",[22,23,25],"a",{"href":24},"\u002Fjpg-to-webp\u002F","JPG to WebP converter"," to make a copy, check the actual byte count, and test the result in the publishing pipeline. Some upload forms and older desktop workflows may list only JPEG or PNG even when current browsers display WebP.",[10,28,29],{},"For photos, lossy WebP quality should be judged from the output rather than compared numerically with JPEG quality. For transparent graphics, inspect alpha edges, small text, gradients, and flat-color regions.",[14,31,33],{"id":32},"keep-a-compatible-source-or-fallback","Keep a compatible source or fallback",[10,35,36],{},"Do not discard the original JPEG or PNG after conversion. A downstream editor, document format, or recipient may need the source format. Browser re-encoding can also remove or change EXIF and color metadata.",[10,38,39],{},"WebP can preserve transparent areas that JPEG cannot represent. This tool handles still JPEG, PNG, and WebP images; it does not provide animated image processing.",[14,41,43],{"id":42},"let-the-use-case-decide","Let the use case decide",[10,45,46],{},"Choose WebP when it meets the destination’s format rules and produces an acceptable measured result. Choose JPEG or PNG when their compatibility or image semantics fit better.",[10,48,49,50,54,55,59],{},"See ",[22,51,53],{"href":52},"\u002Fdocs\u002Fjpeg-vs-webp\u002F","JPEG versus WebP"," for opaque photos and ",[22,56,58],{"href":57},"\u002Fdocs\u002Fpng-vs-webp\u002F","PNG versus WebP"," for screenshots and transparency.",{"title":61,"searchDepth":62,"depth":62,"links":63},"",2,[64,65,66],{"id":16,"depth":62,"text":17},{"id":32,"depth":62,"text":33},{"id":42,"depth":62,"text":43},"formats","Choose WebP when destination support, transparency, photo compression, and actual output quality fit your workflow.","md","Format guide",{},true,"\u002Fdocs\u002Fwhen-to-use-webp","2026-10-08",{"title":5,"description":68},"docs\u002Fwhen-to-use-webp","I7ur58ZfNtZ-a6hk2cy9ciGARtD0KcFoBd8sN7wgzhE",[79,83],{"title":80,"path":81,"stem":82,"children":-1},"Why compressed images are still too large","\u002Fdocs\u002Fwhy-compressed-images-are-still-too-large","docs\u002Fwhy-compressed-images-are-still-too-large",{"title":84,"path":85,"stem":86,"children":-1},"When to use JPEG","\u002Fdocs\u002Fwhen-to-use-jpeg","docs\u002Fwhen-to-use-jpeg",1793623265332]