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