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