[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"i-lucide:file-text":3,"i-lucide:image":8,"i-lucide:code-xml":10,"i-lucide:search":12,"i-lucide:menu":14,"i-lucide:globe":16,"i-lucide:chevron-down":18,"i-lucide:check":20,"page-content:en:tool:jpg-to-webp":22,"i-lucide:lock":64,"i-lucide:arrow-up-right":66,"i-lucide:upload":68,"i-lucide:plus":70},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"\u002F>\u003Cpath d=\"M14 2v5a1 1 0 0 0 1 1h5M10 9H8m8 4H8m8 4H8\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\"\u002F>\u003Ccircle cx=\"9\" cy=\"9\" r=\"2\"\u002F>\u003Cpath d=\"m21 15l-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m18 16l4-4l-4-4M6 8l-4 4l4 4m8.5-12l-5 16\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"m21 21l-4.34-4.34\"\u002F>\u003Ccircle cx=\"11\" cy=\"11\" r=\"8\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 5h16M4 12h16M4 19h16\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"10\"\u002F>\u003Cpath d=\"M12 2a14.5 14.5 0 0 0 0 20a14.5 14.5 0 0 0 0-20M2 12h20\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 9l6 6l6-6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 6L9 17l-5-5\"\u002F>",{"tool":23,"category":63},{"title":24,"description":25,"heading":26,"intro":27,"howTo":28,"sections":40,"faq":50},"JPG to WebP Converter — Smaller Images for the Web","Convert JPG photos to WebP with adjustable quality, optional lossless mode and downscaling. Batch conversion in your browser, with a ZIP download.","JPG to WebP Converter","Make photos lighter for websites and apps by converting JPG to WebP. Compare the file size before and after for every image.",{"title":29,"steps":30},"How to convert JPG to WebP",[31,34,37],{"title":32,"body":33},"Add your JPG files","Select one photo or a batch. PNG and WebP files are accepted too.",{"title":35,"body":36},"Choose compression","Lossy WebP with a quality slider, or lossless where your browser supports it. Optionally cap the dimensions.",{"title":38,"body":39},"Convert and download","Download each WebP or all of them in one ZIP.",[41,46],{"title":42,"paragraphs":43},"Lossy or lossless WebP",[44,45],"Lossy WebP works like JPG and usually gives the smallest files for photos. The quality slider controls the trade-off; 85% is a good starting point.","Lossless WebP keeps every pixel exactly. It is offered only when this tool has confirmed that your browser really produces lossless WebP; otherwise the option is hidden instead of silently producing lossy output.",{"title":47,"paragraphs":48},"Browser support",[49],"Encoding happens with your browser's built-in image encoder. If your browser cannot write WebP files, the tool tells you so instead of handing you a PNG with a .webp name.",[51,54,57,60],{"question":52,"answer":53},"How much smaller is WebP than JPG?","It depends on the photo and the quality you pick. The tool shows the exact size change for each file, so you can adjust the quality and convert again.",{"question":55,"answer":56},"Should I convert a JPG to lossless WebP?","Usually not. A JPG has already lost detail, and a lossless copy often ends up larger than the original. Lossless is more useful for PNG graphics.",{"question":58,"answer":59},"Is WebP supported everywhere?","All current major browsers display WebP. Some older software and upload forms still expect JPG, so keep your originals.",{"question":61,"answer":62},"Is photo metadata kept?","No. The image is re-encoded from its pixels, so EXIF data such as camera details and GPS location is not carried into the WebP file.",null,{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":65},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\"\u002F>\u003Cpath d=\"M7 11V7a5 5 0 0 1 10 0v4\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":67},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 7h10v10M7 17L17 7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":69},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 3v12m5-7l-5-5l-5 5m14 7v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":71},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14m-7-7v14\"\u002F>"]