Image Resize
Skalieren Sie Bilder direkt im Browser — kein Server-Upload, keine Installation.
- Bild hochladen (Drag & Drop oder Klick)
- Breite / Höhe eingeben oder Preset wählen
- Format (JPG, PNG, WebP) und Qualität wählen
- Skaliertes Bild herunterladen
type="text/javascript"> Höhe data-w="640">640px</button> Sie <div class="rz-preset" <select }); value="image/jpeg">JPG</option> data-w="320">320px</button> type="number" Download</a> <div wählen</li><li>Format class="rz-preset" $(".dropzone").dropzone({ und data-pct="100">100%</button> id="rz-download" class="rz-ctrl-label">Qualität:</span> <span <option WebP) class="rz-preset" Image</span></div> data-w="1280">1280px</button> oder Resize id="rz-lock" oder <div <a <option </div> class="dz-message" herunterladen</li></ul> value="image/webp">WebP</option> <canvas id="rz-quality" <div Drop id="rz-controls"> Server-Upload, data-w="1920">1920px</button> <button class="rz-preset" </div> class="dropzone" max="8000" </div> data-dz-message><span>Drop & <span type="range" style="width:75px"> PNG, Bild max="100" <span class="rz-ctrl-label"><b>B:</b></span> id="rz-format"> id="rz-tool-container"> kein id="rz-orig-info"></div> min="1" id="rz-canvas"></canvas> <input class="rz-preset" Dropzone.autoDiscover — class="rz-ctrl-label"> px</span> id="rz-width" Klick)</li><li>Breite <button btn" id="rz-height" value="90" class="rz-ctrl-label"><b>H:</b></span> <button <script <input Preset class="rz-preset" / (Drag style="width:80px"> id="rz-quality-val">90</span>% </div> class="rz-preset" data-w="1024">1024px</button> id="rz-output-info"></p> <button </script> <input wählen</li><li>Skaliertes type="number" class="rz-preset" <span <button Skalieren = <button im data-pct="50">50%</button> <button addRemoveLinks: eingeben id="rzDropzone"> </select> min="10" max="8000" class="std-btn <span (JPG, href="#">⬇ title="Seitenverhältnis </span> <ul><li>Bild waves-effect value="image/png">PNG</option> <span <button keine Image min="1" Installation. <p <div true id="rz-presets"> <option class="rz-preset" data-pct="75">75%</button> style="width:75px"> direkt <button <button <div data-pct="25">25%</button> data-w="800">800px</button> sperren">🔒</button> <button Qualität Browser false; waves-light hochladen class="rz-preset" id="rz-quality-wrap"> Bilder
It’s easier to optimize correct code than to correct optimized code.
Joshua Bloch
Skalieren Sie Bilder direkt im Browser — kein Server-Upload, keine Installation.