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