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