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