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