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