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