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