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