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
value="image/jpeg">JPG</option> waves-effect Drop im data-w="320">320px</button> data-w="1920">1920px</button> id="rz-quality-wrap"> hochladen data-w="800">800px</button> <button <span </span> </div> class="rz-preset" waves-light </script> oder <button (Drag <input id="rz-height" style="width:75px"> min="1" <a Image</span></div> </select> <button eingeben title="Seitenverhältnis id="rz-presets"> class="rz-preset" Qualität value="image/webp">WebP</option> <input id="rz-format"> Höhe <select id="rz-quality-val">90</span>% <option <div — min="1" id="rz-lock" data-pct="100">100%</button> PNG, <span $(".dropzone").dropzone({ <button Preset <option <div <div <div <span class="rz-preset" id="rz-orig-info"></div> min="10" class="rz-ctrl-label">Qualität:</span> direkt Sie style="width:80px"> class="rz-preset" / type="range" <button data-w="1280">1280px</button> type="number" id="rz-width" Installation. class="rz-preset" class="rz-preset" Resize Klick)</li><li>Breite (JPG, class="rz-ctrl-label"><b>B:</b></span> <canvas class="rz-preset" <button Browser und id="rz-tool-container"> <button href="#">⬇ class="rz-preset" sperren">🔒</button> </div> Bild <span data-pct="75">75%</button> Server-Upload, data-dz-message><span>Drop class="dropzone" class="rz-preset" <input Skalieren data-pct="25">25%</button> Bilder id="rz-controls"> & wählen</li><li>Skaliertes <div max="100" class="rz-ctrl-label"><b>H:</b></span> max="8000" wählen</li><li>Format Download</a> </div> id="rzDropzone"> <option addRemoveLinks: id="rz-quality" id="rz-canvas"></canvas> false; <div id="rz-output-info"></p> <script <button <button data-w="640">640px</button> kein data-pct="50">50%</button> type="number" value="image/png">PNG</option> Dropzone.autoDiscover btn" value="90" <button WebP) <p data-w="1024">1024px</button> class="rz-ctrl-label"> px</span> Image }); id="rz-download" <ul><li>Bild max="8000" <span type="text/javascript"> class="dz-message" style="width:75px"> <button true class="rz-preset" </div> = oder herunterladen</li></ul> class="std-btn keine <span
Good code is its own best documentation. As you’re about to add a comment, ask yourself, ‚How can I improve the code so that this comment isn’t needed?‘ Improve the code and then document it to make it even clearer
Steve McConnell
Skalieren Sie Bilder direkt im Browser — kein Server-Upload, keine Installation.