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