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