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