{"id":364,"date":"2026-05-16T07:24:25","date_gmt":"2026-05-16T07:24:25","guid":{"rendered":"https:\/\/www.censorpic.com\/staging\/?page_id=364"},"modified":"2026-08-08T15:31:07","modified_gmt":"2026-08-08T13:31:07","slug":"resize-image-online-free","status":"publish","type":"page","link":"https:\/\/www.censorpic.com\/staging\/resize-image-online-free\/","title":{"rendered":"Resize Image"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"364\" class=\"elementor elementor-364\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-097a0d7 e-con-full e-flex e-con e-parent\" data-id=\"097a0d7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17c194b elementor-widget elementor-widget-html\" data-id=\"17c194b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     CENSORPIC  \u00b7  \/resize-image-online-free\/  \u00b7  v3  \u00b7  file unico\n     ------------------------------------------------------------\n     COME SI USA\n     1. Template della pagina: Elementor Full Width\n     2. Un Container a larghezza piena, padding 0, gap 0\n     3. Dentro: un Widget HTML  ->  incolla TUTTO questo file\n     4. Sotto, nello stesso Container: un Widget Shortcode con\n            [cmplz-consent-area category=\"marketing\" service=\"Censura Foto Tool\"]\n                [yg_image_resizer]\n            [\/cmplz-consent-area]\n        Nessuna classe, nessun ID: lo script lo sposta al punto giusto.\n\n     IMPORTANTE \u2014 HEADER E FOOTER\n     La pagina ora e' interamente scura. Header e footer di Elementor\n     sono ancora chiari: o li porti su fondo #0A0B0D, oppure\n     nel Container metti sfondo #0A0B0D per evitare lo stacco.\n\n     FONT (opzionale)\n     Archivo variabile in \/wp-content\/uploads\/fonts\/Archivo-Variable.woff2\n     Se manca, ripiega su Helvetica\/Arial senza rompere nulla.\n     Il monospazio e' quello di sistema: zero download.\n\n     PRIMA DI ANDARE LIVE\n     Sostituisci \/staging\/ nei 6 link interni e nel JSON-LD.\n     Se Yoast emette gia' uno schema FAQPage, togli quel blocco.\n     ============================================================ -->\n\n<link rel=\"preload\" href=\"\/wp-content\/uploads\/fonts\/Archivo-Variable.woff2\" as=\"font\" type=\"font\/woff2\" crossorigin>\n\n<style>\n\/* fallback con metriche allineate: quando Archivo arriva il layout non salta *\/\n@font-face{\n  font-family:'ArchivoAlt';\n  src:local('Helvetica Neue'),local('Helvetica'),local('Arial');\n  size-adjust:97%;ascent-override:92%;descent-override:24%;line-gap-override:0%;\n}\n@font-face{\n  font-family:'ArchivoVF';\n  src:url('\/wp-content\/uploads\/fonts\/Archivo-Variable.woff2') format('woff2-variations');\n  font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap;\n}\n\n\/* ============ TOKEN ============ *\/\n.cp{\n  --bg:#0A0B0D;\n  --bg2:#0E1014;\n  --panel:#101318;\n  --panel2:#14181E;\n  --line:#1B1F26;\n  --line2:#2E333D;\n  --fg:#E9EBEE;\n  --fg2:#A3AAB5;\n  --dim:#8C939E;\n  --sig:#FF6A38;\n  --sig2:#E05C2A;\n  --sig-wash:rgba(255,106,56,.09);\n\n  --sans:'ArchivoVF','Archivo','ArchivoAlt','Helvetica Neue',Arial,sans-serif;\n  --mono:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,'Liberation Mono',monospace;\n\n  --r:6px;\n  --wrap:1240px;\n  --pad:clamp(3.5rem,7vw,6.5rem);\n\n  position:relative;\n  background:var(--bg);\n  color:var(--fg);\n  font-family:var(--sans);\n  font-size:16px;\n  line-height:1.6;\n  font-synthesis:none;\n  -webkit-font-smoothing:antialiased;\n  overflow-x:clip;\n}\n.cp *,.cp *::before,.cp *::after{box-sizing:border-box}\n.cp h1,.cp h2,.cp h3,.cp p,.cp ul,.cp ol,.cp figure,.cp dl,.cp dd{margin:0}\n.cp ul,.cp ol{padding:0;list-style:none}\n.cp img{display:block;max-width:100%;height:auto}\n.cp a{color:inherit;text-decoration:none}\n.cp :where(a,button,summary):focus-visible{outline:1.5px solid var(--sig);outline-offset:3px}\n\n\/* ============ FONDALE TECNICO ============ *\/\n\/* griglia a pixel singolo + bagliore + grana: tre layer, zero immagini *\/\n.cp-field{position:absolute;left:0;right:0;top:0;height:900px;pointer-events:none;z-index:0;overflow:hidden}\n.cp-field::before{\n  content:'';position:absolute;inset:0;\n  background-image:\n    linear-gradient(90deg,var(--line) 1px,transparent 1px),\n    linear-gradient(0deg,var(--line) 1px,transparent 1px);\n  background-size:64px 64px;\n  opacity:.5;\n  -webkit-mask-image:radial-gradient(120% 70% at 50% 0,#000 0,transparent 78%);\n          mask-image:radial-gradient(120% 70% at 50% 0,#000 0,transparent 78%);\n}\n.cp-field::after{\n  content:'';position:absolute;left:50%;top:-380px;translate:-50% 0;\n  width:min(1400px,140vw);height:900px;border-radius:50%;\n  background:radial-gradient(closest-side,rgba(255,106,56,.19),rgba(255,106,56,.05) 55%,transparent 78%);\n}\n.cp-grain{\n  position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.045;\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='140' height='140' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n  background-size:140px 140px;\n}\n.cp-in{position:relative;z-index:2}\n\n\/* ============ LAYOUT ============ *\/\n.cp-wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(1rem,3.5vw,2.25rem)}\n.cp-sec{padding-block:var(--pad)}\n.cp-sec--tight{padding-block:clamp(2.5rem,5vw,4rem)}\n\n\/* barra di sezione:  [ 02 ] \u2500\u2500 ETICHETTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cp-bar{display:flex;align-items:center;gap:.85rem;margin-bottom:clamp(1.5rem,3vw,2.25rem)}\n.cp-bar b{\n  font-family:var(--mono);font-size:.7rem;font-weight:680;letter-spacing:.08em;\n  color:var(--sig);border:1px solid var(--line2);border-radius:3px;padding:.2rem .45rem;\n}\n.cp-bar span{\n  font-family:var(--mono);font-size:.7rem;font-weight:640;letter-spacing:.15em;\n  text-transform:uppercase;color:var(--dim);white-space:nowrap;\n}\n.cp-bar i{flex:1;height:1px;background:var(--line2)}\n\n\/* ============ TIPOGRAFIA ============ *\/\n.cp-h1{\n  font-size:clamp(2.3rem,5.4vw,4.35rem);font-weight:620;font-stretch:108%;\n  line-height:1.02;letter-spacing:-.038em;text-wrap:balance;\n}\n.cp-h2{\n  font-size:clamp(1.65rem,3.1vw,2.5rem);font-weight:600;font-stretch:106%;\n  line-height:1.1;letter-spacing:-.028em;text-wrap:balance;\n}\n.cp-h3{font-size:1.08rem;font-weight:640;font-stretch:104%;letter-spacing:-.015em}\n.cp-sub{color:var(--fg2);font-size:clamp(1rem,1.35vw,1.13rem);line-height:1.58;max-width:56ch;text-wrap:pretty}\n.cp-p{color:var(--fg2);font-size:.98rem;line-height:1.66;text-wrap:pretty}\n.cp-p + .cp-p{margin-top:.9rem}\n.cp-p strong{color:var(--fg);font-weight:620}\n.cp-mono{font-family:var(--mono);font-size:.72rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--dim)}\n\n\/* parola redatta *\/\n.cp-red{position:relative;display:inline-block}\n.cp-red::after{\n  content:'';position:absolute;inset:-.05em -.12em -.03em;transform-origin:100% 50%;\n  background-image:\n    repeating-conic-gradient(transparent 0 25%,rgba(255,255,255,.08) 0 50%),\n    repeating-conic-gradient(rgba(233,235,238,.95) 0 25%,rgba(233,235,238,.7) 0 50%);\n  background-size:36px 36px,12px 12px;\n}\n\n\/* ============ PANNELLI ============ *\/\n.cp-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}\n.cp-phead{\n  display:flex;align-items:center;gap:.7rem;\n  padding:.62rem .85rem;border-bottom:1px solid var(--line);background:var(--panel2);\n  border-radius:var(--r) var(--r) 0 0;\n  font-family:var(--mono);font-size:.69rem;font-weight:640;letter-spacing:.13em;text-transform:uppercase;color:var(--fg2);\n}\n.cp-led{width:6px;height:6px;border-radius:50%;background:var(--sig);flex:none;box-shadow:0 0 0 3px var(--sig-wash)}\n.cp-phead em{margin-left:auto;font-style:normal;font-weight:500;color:var(--dim);letter-spacing:.1em}\n\n\/* ============ TESTATA + STRUMENTO ============ *\/\n.cp-head{padding-block:clamp(3rem,6vw,5rem) clamp(1.75rem,3.5vw,2.5rem)}\n.cp-head .cp-h1{max-width:15ch;margin:1.15rem 0 2.1rem}\n\n\/* riga di specifiche: dati esposti, non nascosti nella prosa *\/\n.cp-spec{\n  display:flex;flex-wrap:wrap;gap:0;margin-top:2rem;\n  border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--panel);\n}\n.cp-spec div{\n  flex:1 1 150px;padding:.85rem 1.05rem;border-right:1px solid var(--line);\n}\n.cp-spec div:last-child{border-right:0}\n.cp-spec dt{font-family:var(--mono);font-size:.65rem;font-weight:640;letter-spacing:.13em;text-transform:uppercase;color:var(--dim)}\n.cp-spec dd{margin:.3rem 0 0;font-family:var(--mono);font-size:1.02rem;font-weight:600;color:var(--fg);letter-spacing:-.01em}\n.cp-spec dd small{font-size:.7rem;font-weight:500;color:var(--fg2);letter-spacing:.02em}\n\n\/* la cornice dell'editor: unico oggetto chiaro della pagina *\/\n.cp-rig{position:relative;padding:0}\n.cp-rig .cp-slot{\n  background:#fff;border-radius:0 0 var(--r) var(--r);\n  padding:clamp(.3rem,.7vw,.55rem);min-height:120px;\n}\n.cp-rig .elementor-widget-shortcode,\n.cp-rig .elementor-widget-container{margin:0!important;padding:0!important}\n\/* crocini d'angolo, come su un disegno tecnico *\/\n.cp-rig::before,.cp-rig::after{\n  content:'';position:absolute;width:11px;height:11px;pointer-events:none;\n  border:1px solid var(--line2);\n}\n.cp-rig::before{top:-6px;left:-6px;border-right:0;border-bottom:0}\n.cp-rig::after{bottom:-6px;right:-6px;border-left:0;border-top:0}\n\n\/* scorciatoie: elenco tecnico, non chip arrotondati *\/\n.cp-keys{\n  display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));\n  margin-top:1.5rem;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;\n}\n.cp-keys li{\n  display:flex;align-items:center;gap:.7rem;padding:.72rem .9rem;\n  border-right:1px solid var(--line);border-bottom:1px solid var(--line);\n  font-size:.855rem;color:var(--fg2);background:var(--panel);\n}\nkbd{\n  font-family:var(--mono);font-size:.7rem;font-weight:660;padding:.16rem .4rem;\n  border:1px solid var(--line2);border-radius:3px;background:var(--panel2);color:var(--fg);flex:none;\n}\n.cp-keys li:first-child kbd{background:var(--sig);border-color:var(--sig);color:#0A0B0D}\n\n\/* ============ TICKER ============ *\/\n.cp-tick{\n  overflow:hidden;border-block:1px solid var(--line);background:var(--bg2);\n  padding-block:.75rem;\n  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);\n          mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);\n}\n.cp-tick-t{display:flex;width:max-content}\n.cp-tick-t ul{display:flex;gap:1.6rem;padding-right:1.6rem}\n.cp-tick-t li{\n  font-family:var(--mono);font-size:.73rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;\n  color:var(--dim);white-space:nowrap;flex:none;\n}\n.cp-tick-t li::after{content:'\/';margin-left:1.6rem;color:var(--line2)}\n\n\/* ============ RACK DELLE TRE MODALIT\u00c0 ============ *\/\n.cp-rack{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}\n.cp-unit{background:var(--panel);display:flex;flex-direction:column}\n.cp-unit > .cp-phead{border-radius:0}\n.cp-view{\n  --sw:#0A0B0D;\n  position:relative;height:clamp(128px,13vw,168px);background:var(--sw);\n  display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--line);\n}\n.cp-view i{\n  font-style:normal;font-family:var(--mono);font-size:clamp(1.15rem,2.3vw,1.6rem);\n  font-weight:600;letter-spacing:.16em;color:#F2F4F6;transition:filter .28s ease;\n}\n.cp-view--blur i{filter:blur(9px)}\n.cp-view--px i{filter:blur(3.4px) contrast(2)}\n.cp-view--px::after{\n  content:'';position:absolute;inset:0;pointer-events:none;transition:opacity .28s ease;\n  background-image:\n    repeating-linear-gradient(90deg,var(--sw) 0 2px,transparent 2px 15px),\n    repeating-linear-gradient(0deg,var(--sw) 0 2px,transparent 2px 15px);\n}\n.cp-view--bar{--sw:#20252C}\n.cp-view--bar::after{\n  content:'';position:absolute;left:9%;right:9%;top:50%;height:38%;transform:translateY(-50%);\n  background:#05060700;background:#050607;transition:opacity .28s ease;\n}\n.cp-view b{\n  position:absolute;bottom:.45rem;right:.6rem;z-index:3;\n  font-family:var(--mono);font-size:.6rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:rgba(255,255,255,.72);\n}\n@media (hover:hover){\n  .cp-unit:hover .cp-view i{filter:none}\n  .cp-unit:hover .cp-view--px::after,\n  .cp-unit:hover .cp-view--bar::after{opacity:0}\n}\n.cp-unit-body{padding:1.05rem 1.05rem 1.25rem}\n.cp-unit-body .cp-p{font-size:.9rem;margin-top:.6rem}\n\/* scheda tecnica per modalit\u00e0 *\/\n.cp-rows{margin-top:1.1rem;border-top:1px solid var(--line)}\n.cp-rows div{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--line)}\n.cp-rows dt{font-family:var(--mono);font-size:.65rem;font-weight:640;letter-spacing:.11em;text-transform:uppercase;color:var(--dim)}\n.cp-rows dd{margin:0;font-family:var(--mono);font-size:.72rem;font-weight:560;color:var(--fg);text-align:right}\n\n\/* ============ BLOCCO INCOLLA ============ *\/\n.cp-paste{display:grid;grid-template-columns:1.15fr .85fr;align-items:stretch;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}\n.cp-paste > div{background:var(--panel);padding:clamp(1.4rem,3vw,2.4rem)}\n.cp-paste-vis{display:grid;place-items:center;background:var(--bg2)!important;position:relative}\n.cp-paste-vis::before{\n  content:'';position:absolute;inset:0;\n  background-image:linear-gradient(90deg,var(--line) 1px,transparent 1px),linear-gradient(0deg,var(--line) 1px,transparent 1px);\n  background-size:28px 28px;opacity:.55;\n}\n.cp-kb{display:flex;align-items:center;gap:.5rem;position:relative}\n.cp-cap{\n  display:grid;place-items:center;min-width:62px;height:56px;padding:0 .9rem;border-radius:5px;\n  background:var(--panel2);border:1px solid var(--line2);\n  box-shadow:0 3px 0 var(--line2);\n  font-family:var(--mono);font-size:.92rem;font-weight:600;color:var(--fg);\n}\n.cp-cap--hit{background:var(--sig);border-color:var(--sig);color:#0A0B0D;box-shadow:0 3px 0 #A13A17}\n\n\/* ============ EDITORIALE ============ *\/\n.cp-ed{display:grid;grid-template-columns:180px 1fr;gap:0}\n.cp-ed > div{padding:clamp(1.3rem,2.6vw,2rem);border-top:1px solid var(--line)}\n.cp-ed > div:first-child{border-right:1px solid var(--line)}\n.cp-ed-i{font-family:var(--mono);font-size:.68rem;font-weight:660;letter-spacing:.13em;text-transform:uppercase;color:var(--sig)}\n.cp-ed h3{margin-bottom:.65rem}\n.cp-ed .cp-p{max-width:70ch}\n\n\/* ============ ELENCO STRUMENTI ============ *\/\n.cp-list{border:1px solid var(--line);border-radius:var(--r);overflow:hidden}\n.cp-list a{\n  display:flex;align-items:center;gap:1rem;padding:.95rem 1.1rem;\n  border-bottom:1px solid var(--line);background:var(--panel);\n  font-size:.95rem;font-weight:560;\n  transition:background-color .16s ease,color .16s ease,padding-left .16s ease;\n}\n.cp-list a:last-child{border-bottom:0}\n.cp-list .ln{flex:1;height:1px;background:var(--line)}\n.cp-list .tag{font-family:var(--mono);font-size:.67rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--dim)}\n.cp-list .ar{font-family:var(--mono);color:var(--dim);font-size:1rem}\n.cp-list a:hover{background:var(--panel2);color:var(--sig);padding-left:1.4rem}\n.cp-list a:hover .ar,.cp-list a:hover .tag{color:var(--sig)}\n\n\/* ============ FAQ ============ *\/\n.cp-faq{border:1px solid var(--line);border-radius:var(--r);overflow:hidden}\n.cp-faq details{border-bottom:1px solid var(--line);background:var(--panel)}\n.cp-faq details:last-child{border-bottom:0}\n.cp-faq summary{\n  display:flex;align-items:flex-start;gap:.9rem;padding:1.05rem 1.1rem;cursor:pointer;list-style:none;\n  font-size:1rem;font-weight:580;letter-spacing:-.01em;transition:color .16s ease;\n}\n.cp-faq summary::-webkit-details-marker{display:none}\n.cp-faq summary:hover{color:var(--sig)}\n.cp-faq summary::before{\n  content:attr(data-n);font-family:var(--mono);font-size:.68rem;font-weight:600;color:var(--dim);\n  padding-top:.26rem;flex:none;letter-spacing:.08em;\n}\n.cp-faq summary::after{\n  content:'';width:13px;height:13px;flex:none;margin-left:auto;margin-top:.35rem;\n  background:linear-gradient(currentColor,currentColor) center\/100% 1.5px no-repeat,\n             linear-gradient(currentColor,currentColor) center\/1.5px 100% no-repeat;\n  color:var(--dim);transition:background-size .24s cubic-bezier(.2,.7,.3,1),color .16s ease;\n}\n.cp-faq details[open] summary{color:var(--fg)}\n.cp-faq details[open] summary::after{background-size:100% 1.5px,0 100%;color:var(--sig)}\n.cp-faq-a{padding:0 1.1rem 1.2rem 3rem;max-width:82ch;color:var(--fg2);font-size:.94rem;line-height:1.66}\n@supports (interpolate-size:allow-keywords){\n  .cp{interpolate-size:allow-keywords}\n  .cp-faq details::details-content{block-size:0;overflow:clip;transition:block-size .3s cubic-bezier(.2,.7,.3,1),content-visibility .3s allow-discrete}\n  .cp-faq details[open]::details-content{block-size:auto}\n}\n\n\/* ============ BOTTONI ============ *\/\n.cp-btn{\n  --_bg:var(--sig);--_fg:#0A0B0D;--_bd:var(--sig);\n  display:inline-flex;align-items:center;gap:.55rem;justify-content:center;\n  padding:.82rem 1.35rem;min-height:46px;border-radius:5px;\n  font:inherit;font-size:.93rem;font-weight:640;letter-spacing:-.005em;\n  background:var(--_bg);border:1px solid var(--_bd);cursor:pointer;\n  transition:background-color .16s ease,border-color .16s ease,transform .16s cubic-bezier(.2,.7,.3,1);\n}\n.cp-btn:hover{transform:translateY(-1px);--_bg:#FF7C50;--_bd:#FF7C50}\n.cp-btn--ghost{--_bg:transparent;--_fg:var(--fg);--_bd:var(--line2)}\n.cp-btn--ghost:hover{--_bg:transparent;--_bd:var(--sig);--_fg:var(--sig)}\n\/* forza il colore: Elementor sovrascrive i link con specificit\u00e0 maggiore *\/\n.cp a.cp-btn,.cp a.cp-btn:hover,.cp a.cp-btn:focus,.cp a.cp-btn:visited{color:var(--_fg)!important}\n.cp-btnrow{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}\n\n\/* ============ CHIUSURA ============ *\/\n.cp-end{text-align:center;padding-block:clamp(4rem,8vw,7rem);border-top:1px solid var(--line)}\n.cp-end .cp-h2{margin:0 auto .5rem;max-width:16ch}\n\n\/* ============ MOVIMENTO ============ *\/\n@media (prefers-reduced-motion:no-preference){\n  .cp-fade{opacity:0;animation:cpf .6s cubic-bezier(.16,.84,.3,1) forwards}\n  .cp-fade--2{animation-delay:.09s}.cp-fade--3{animation-delay:.18s}\n  .cp-fade--4{animation-delay:.27s}.cp-fade--5{animation-delay:.36s}\n  @keyframes cpf{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}\n\n  .cp-red::after{animation:cpw .5s .85s cubic-bezier(.72,0,.24,1) forwards}\n  @keyframes cpw{from{transform:scaleX(1)}to{transform:scaleX(0)}}\n\n  .cp-tick-t{animation:cpt 46s linear infinite}\n  @keyframes cpt{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}\n  .cp-tick:hover .cp-tick-t{animation-play-state:paused}\n\n  .cp-cap--hit{animation:cpk 3s 1.2s ease-in-out infinite}\n  @keyframes cpk{0%,90%,100%{transform:translateY(0)}94%{transform:translateY(2px)}}\n\n  @media (min-width:900px){\n    @supports (animation-timeline:view()){\n      .cp-rise{animation:cpr linear both;animation-timeline:view();animation-range:entry 10% entry 90%}\n      @keyframes cpr{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}\n    }\n  }\n}\n@media (prefers-reduced-motion:reduce){\n  .cp-fade{opacity:1}\n  .cp-red::after{display:none}\n}\n\n\/* ===== SPECIFICI DI QUESTA PAGINA ===== *\/\n\n\/* riquadro di trasformazione attorno alla parola: il gesto del ridimensionare *\/\n.cp-box{position:relative;display:inline-block;isolation:isolate}\n.cp-box::before{\n  content:'';position:absolute;inset:-.12em -.2em -.08em;pointer-events:none;z-index:-1;\n  border:1px dashed rgba(255,106,56,.85);\n  background:\n    linear-gradient(var(--sig),var(--sig)) left top\/7px 7px no-repeat,\n    linear-gradient(var(--sig),var(--sig)) right top\/7px 7px no-repeat,\n    linear-gradient(var(--sig),var(--sig)) left bottom\/7px 7px no-repeat,\n    linear-gradient(var(--sig),var(--sig)) right bottom\/7px 7px no-repeat;\n  background-origin:border-box;\n}\n.cp-box::after{\n  content:attr(data-dim);position:absolute;right:-.2em;bottom:-1.55em;\n  font-family:var(--mono);font-size:.32em;font-weight:640;letter-spacing:.08em;\n  color:var(--sig);white-space:nowrap;\n}\n\n\/* confronto di peso: tre barre, niente immagini *\/\n.cp-bars{padding:clamp(1.1rem,2.4vw,1.7rem)}\n.cp-bars .row{display:grid;grid-template-columns:64px 1fr 74px;align-items:center;gap:.9rem;padding:.42rem 0}\n.cp-bars .k{font-family:var(--mono);font-size:.72rem;font-weight:660;letter-spacing:.09em;color:var(--fg2)}\n.cp-bars .t{height:12px;background:var(--bg2);border:1px solid var(--line);border-radius:2px;overflow:hidden}\n.cp-bars .t span{display:block;height:100%;width:var(--w);background:var(--line2);border-radius:1px}\n.cp-bars .row--hi .k{color:var(--fg)}\n.cp-bars .row--hi .t span{background:var(--sig)}\n.cp-bars .v{font-family:var(--mono);font-size:.72rem;font-weight:560;color:var(--fg);text-align:right}\n.cp-bars .cap{margin-top:.9rem;padding-top:.8rem;border-top:1px solid var(--line);\n  font-family:var(--mono);font-size:.65rem;font-weight:500;letter-spacing:.06em;color:var(--dim);line-height:1.5}\n\n\/* tabella di riferimento: densa, monospazio, da consultare *\/\n.cp-tbl{width:100%;border-collapse:collapse;font-size:.9rem}\n.cp-tbl th,.cp-tbl td{text-align:left;padding:.62rem 1.1rem;border-bottom:1px solid var(--line)}\n.cp-tbl thead th{\n  font-family:var(--mono);font-size:.65rem;font-weight:640;letter-spacing:.13em;\n  text-transform:uppercase;color:var(--dim);background:var(--panel2);\n}\n.cp-tbl tbody tr:last-child td{border-bottom:0}\n.cp-tbl tbody tr:hover{background:var(--panel2)}\n.cp-tbl .dim{font-family:var(--mono);font-weight:600;color:var(--fg);white-space:nowrap}\n.cp-tbl .fmt{font-family:var(--mono);font-size:.72rem;font-weight:560;color:var(--dim)}\n.cp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}\n@media (max-width:640px){\n  .cp-tbl th,.cp-tbl td{padding:.55rem .8rem}\n  .cp-tbl{min-width:460px}\n  .cp-bars .row{grid-template-columns:52px 1fr 62px;gap:.6rem}\n}\n\n\/* ============ RESPONSIVE ============ *\/\n@media (max-width:960px){\n  .cp-rack{grid-template-columns:1fr}\n  .cp-paste{grid-template-columns:1fr}\n  .cp-paste-vis{min-height:190px}\n  .cp-ed{grid-template-columns:1fr}\n  .cp-ed > div:first-child{border-right:0;padding-bottom:0}\n  .cp-ed > div:last-child{border-top:0}\n}\n@media (max-width:640px){\n  .cp{font-size:15.5px}\n  .cp-grain{display:none}          \/* un layer in meno da comporre su mobile *\/\n  .cp-field::before{background-size:44px 44px}\n  .cp-spec div{flex:1 1 50%;border-bottom:1px solid var(--line)}\n  .cp-keys li{border-right:0}\n  .cp-btn{width:100%}\n  .cp-faq-a{padding-left:1.1rem}\n}\n<\/style>\n\n<div class=\"cp\" id=\"tool\">\n  <div class=\"cp-field\" aria-hidden=\"true\"><\/div>\n  <div class=\"cp-grain\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"cp-in\">\n\n    <!-- \u2550\u2550\u2550 TESTATA \u2550\u2550\u2550 -->\n    <header class=\"cp-wrap cp-head\">\n      <p class=\"cp-mono cp-fade\">Image resizer &nbsp;\/&nbsp; runs in your browser &nbsp;\/&nbsp; free<\/p>\n\n      <h1 class=\"cp-h1 cp-fade cp-fade--2\">\n        Resize an image to\n        <span class=\"cp-box\" data-dim=\"1600 \u00d7 900\">exact pixels<\/span>\n      <\/h1>\n\n      <p class=\"cp-sub cp-fade cp-fade--3\">\n        Type the width and height you need, pick JPG, PNG or WebP, set the quality.\n        The aspect ratio locks itself so nothing gets squashed. Nothing is uploaded anywhere.\n      <\/p>\n\n      <dl class=\"cp-spec cp-fade cp-fade--4\">\n        <div><dt>Dimensions<\/dt><dd>1\u20135000 <small>px<\/small><\/dd><\/div>\n        <div><dt>Output<\/dt><dd><small>JPG \u00b7 PNG \u00b7 WEBP<\/small><\/dd><\/div>\n        <div><dt>Quality<\/dt><dd>10\u2013100<small>%<\/small><\/dd><\/div>\n        <div><dt>Max file<\/dt><dd>10 <small>MB<\/small><\/dd><\/div>\n        <div><dt>Uploads<\/dt><dd>None<\/dd><\/div>\n      <\/dl>\n    <\/header>\n\n    <!-- \u2550\u2550\u2550 EDITOR \u2550\u2550\u2550 -->\n    <div class=\"cp-wrap\">\n      <div class=\"cp-panel cp-rig cp-fade cp-fade--5\">\n        <div class=\"cp-phead\"><span class=\"cp-led\"><\/span> Resizer <em>runs locally<\/em><\/div>\n        <!-- lo strumento viene agganciato qui dallo script in fondo -->\n        <div class=\"cp-slot\" id=\"cp-tool-slot\"><\/div>\n      <\/div>\n\n      <ul class=\"cp-keys cp-fade cp-fade--5\">\n        <li>Width and height in pixels, from 1 to 5000<\/li>\n        <li>Aspect ratio lock on by default \u2014 type one value, get the other<\/li>\n        <li>Quality slider from 10% to 100% for JPG and WebP<\/li>\n        <li>Info panel shows the size reduction as you go<\/li>\n        <li>Change format on each download, without reloading the file<\/li>\n        <li>Accepts JPG, PNG, GIF and WebP up to 10 MB<\/li>\n      <\/ul>\n    <\/div>\n\n    <!-- \u2550\u2550\u2550 TICKER \u2550\u2550\u2550 -->\n    <div class=\"cp-tick\" style=\"margin-top:clamp(3rem,6vw,5rem)\">\n      <div class=\"cp-tick-t\">\n        <ul>\n          <li>Product photos<\/li><li>Blog headers<\/li><li>Social posts<\/li><li>Email banners<\/li>\n          <li>Avatars<\/li><li>Thumbnails<\/li><li>Marketplace listings<\/li><li>Slide decks<\/li>\n          <li>Wallpapers<\/li><li>Print proofs<\/li><li>Favicons<\/li><li>Anything too heavy to upload<\/li>\n        <\/ul>\n        <ul aria-hidden=\"true\">\n          <li>Product photos<\/li><li>Blog headers<\/li><li>Social posts<\/li><li>Email banners<\/li>\n          <li>Avatars<\/li><li>Thumbnails<\/li><li>Marketplace listings<\/li><li>Slide decks<\/li>\n          <li>Wallpapers<\/li><li>Print proofs<\/li><li>Favicons<\/li><li>Anything too heavy to upload<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <!-- \u2550\u2550\u2550 FORMATI \u2550\u2550\u2550 -->\n    <section class=\"cp-sec\">\n      <div class=\"cp-wrap\">\n        <div class=\"cp-bar cp-rise\"><b>01<\/b><span>Output formats<\/span><i><\/i><\/div>\n        <h2 class=\"cp-h2 cp-rise\" style=\"max-width:20ch;margin-bottom:.9rem\">Three formats, three jobs<\/h2>\n        <p class=\"cp-sub cp-rise\" style=\"margin-bottom:clamp(1.75rem,3.5vw,2.5rem)\">\n          The format matters as much as the dimensions. Same photo, same perceived quality,\n          three very different file sizes.\n        <\/p>\n\n        <div class=\"cp-panel cp-rise\" style=\"margin-bottom:var(--cp-gap,1.5rem)\">\n          <div class=\"cp-phead\"><span class=\"cp-led\"><\/span> Typical weight <em>same photo \u00b7 same quality<\/em><\/div>\n          <div class=\"cp-bars\">\n            <div class=\"row\"><span class=\"k\">PNG<\/span><span class=\"t\"><span style=\"--w:100%\"><\/span><\/span><span class=\"v\">2.4 MB<\/span><\/div>\n            <div class=\"row\"><span class=\"k\">JPG<\/span><span class=\"t\"><span style=\"--w:34%\"><\/span><\/span><span class=\"v\">820 KB<\/span><\/div>\n            <div class=\"row row--hi\"><span class=\"k\">WEBP<\/span><span class=\"t\"><span style=\"--w:24%\"><\/span><\/span><span class=\"v\">580 KB<\/span><\/div>\n            <p class=\"cap\">Indicative figures for a 1600 \u00d7 900 photograph at 80% quality.\n              Flat graphics and screenshots behave differently \u2014 PNG can win there.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"cp-rack cp-rise\">\n\n          <article class=\"cp-unit\">\n            <div class=\"cp-phead\"><span class=\"cp-led\"><\/span> JPG <em>lossy<\/em><\/div>\n            <div class=\"cp-unit-body\">\n              <h3 class=\"cp-h3\">The default for photographs<\/h3>\n              <p class=\"cp-p\">Discards detail the eye barely registers, which is exactly what you want on\n                a photograph full of gradients and texture. Universally supported, nothing to think about.\n                Avoid it on sharp text and flat colour, where the compression leaves visible fringing.<\/p>\n              <dl class=\"cp-rows\">\n                <div><dt>Best for<\/dt><dd>Photos, gradients, texture<\/dd><\/div>\n                <div><dt>Transparency<\/dt><dd>No<\/dd><\/div>\n                <div><dt>Quality slider<\/dt><dd>Yes, 10\u2013100%<\/dd><\/div>\n              <\/dl>\n            <\/div>\n          <\/article>\n\n          <article class=\"cp-unit\">\n            <div class=\"cp-phead\"><span class=\"cp-led\"><\/span> PNG <em>lossless<\/em><\/div>\n            <div class=\"cp-unit-body\">\n              <h3 class=\"cp-h3\">When nothing may be lost<\/h3>\n              <p class=\"cp-p\">Keeps every pixel exactly as it was and supports transparency. That makes it\n                right for logos, icons, screenshots and anything with hard edges or type. On a photograph\n                it is simply heavy \u2014 often three times a JPG for no visible gain.<\/p>\n              <dl class=\"cp-rows\">\n                <div><dt>Best for<\/dt><dd>Logos, UI, screenshots<\/dd><\/div>\n                <div><dt>Transparency<\/dt><dd>Yes<\/dd><\/div>\n                <div><dt>Quality slider<\/dt><dd>Not applicable<\/dd><\/div>\n              <\/dl>\n            <\/div>\n          <\/article>\n\n          <article class=\"cp-unit\">\n            <div class=\"cp-phead\"><span class=\"cp-led\"><\/span> WebP <em>modern<\/em><\/div>\n            <div class=\"cp-unit-body\">\n              <h3 class=\"cp-h3\">The one to use on the web<\/h3>\n              <p class=\"cp-p\">Typically 25\u201335% lighter than a JPG at the same visual quality, and it handles\n                transparency too. Every current browser supports it. Unless you are handing the file to\n                someone with old software, this is the right export for anything going online.<\/p>\n              <dl class=\"cp-rows\">\n                <div><dt>Best for<\/dt><dd>Anything on a website<\/dd><\/div>\n                <div><dt>Transparency<\/dt><dd>Yes<\/dd><\/div>\n                <div><dt>Quality slider<\/dt><dd>Yes, 10\u2013100%<\/dd><\/div>\n              <\/dl>\n            <\/div>\n          <\/article>\n\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550 TABELLA DIMENSIONI \u2550\u2550\u2550 -->\n    <section class=\"cp-sec cp-sec--tight\">\n      <div class=\"cp-wrap\">\n        <div class=\"cp-bar cp-rise\"><b>02<\/b><span>Target sizes<\/span><i><\/i><\/div>\n        <h2 class=\"cp-h2 cp-rise\" style=\"max-width:22ch;margin-bottom:.9rem\">Numbers to type in<\/h2>\n        <p class=\"cp-sub cp-rise\" style=\"margin-bottom:clamp(1.5rem,3vw,2rem)\">\n          Common target dimensions, so you are not guessing. Platforms revise these\n          occasionally \u2014 check theirs if a crop matters.\n        <\/p>\n\n        <div class=\"cp-panel cp-rise\" style=\"overflow:hidden\">\n          <div class=\"cp-phead\"><span class=\"cp-led\"><\/span> Reference <em>width \u00d7 height in px<\/em><\/div>\n          <div class=\"cp-scroll\">\n            <table class=\"cp-tbl\">\n              <thead>\n                <tr><th>Where it goes<\/th><th>Size<\/th><th>Format<\/th><\/tr>\n              <\/thead>\n              <tbody>\n                <tr><td>Website hero \/ blog header<\/td><td class=\"dim\">1600 \u00d7 900<\/td><td class=\"fmt\">WebP<\/td><\/tr>\n                <tr><td>Body image in an article<\/td><td class=\"dim\">1200 \u00d7 800<\/td><td class=\"fmt\">WebP<\/td><\/tr>\n                <tr><td>E-commerce product shot<\/td><td class=\"dim\">1200 \u00d7 1200<\/td><td class=\"fmt\">WebP \/ JPG<\/td><\/tr>\n                <tr><td>Instagram square post<\/td><td class=\"dim\">1080 \u00d7 1080<\/td><td class=\"fmt\">JPG<\/td><\/tr>\n                <tr><td>Instagram story \/ Reel cover<\/td><td class=\"dim\">1080 \u00d7 1920<\/td><td class=\"fmt\">JPG<\/td><\/tr>\n                <tr><td>Facebook shared link<\/td><td class=\"dim\">1200 \u00d7 630<\/td><td class=\"fmt\">JPG<\/td><\/tr>\n                <tr><td>LinkedIn shared link<\/td><td class=\"dim\">1200 \u00d7 627<\/td><td class=\"fmt\">JPG<\/td><\/tr>\n                <tr><td>X \/ Twitter post image<\/td><td class=\"dim\">1600 \u00d7 900<\/td><td class=\"fmt\">JPG<\/td><\/tr>\n                <tr><td>YouTube thumbnail<\/td><td class=\"dim\">1280 \u00d7 720<\/td><td class=\"fmt\">JPG<\/td><\/tr>\n                <tr><td>Email banner<\/td><td class=\"dim\">600 \u00d7 200<\/td><td class=\"fmt\">JPG<\/td><\/tr>\n                <tr><td>Profile picture \/ avatar<\/td><td class=\"dim\">512 \u00d7 512<\/td><td class=\"fmt\">PNG<\/td><\/tr>\n                <tr><td>Open Graph preview<\/td><td class=\"dim\">1200 \u00d7 630<\/td><td class=\"fmt\">JPG<\/td><\/tr>\n              <\/tbody>\n            <\/table>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550 EDITORIALE \u2550\u2550\u2550 -->\n    <section class=\"cp-sec cp-sec--tight\">\n      <div class=\"cp-wrap\">\n        <div class=\"cp-bar cp-rise\"><b>03<\/b><span>Worth knowing<\/span><i><\/i><\/div>\n        <h2 class=\"cp-h2 cp-rise\" style=\"max-width:26ch;margin-bottom:clamp(1.5rem,3vw,2rem)\">\n          The photo off your phone is far too big for a web page\n        <\/h2>\n\n        <div class=\"cp-panel cp-rise\" style=\"overflow:hidden\">\n          <div class=\"cp-ed\">\n            <div><p class=\"cp-ed-i\">01 \/ Page speed<\/p><\/div>\n            <div>\n              <h3 class=\"cp-h3\">Oversized images are the usual culprit<\/h3>\n              <p class=\"cp-p\">A phone camera produces images around 4000px wide. A web page almost never\n                displays one wider than 1600. Uploading the original means the browser downloads several\n                megabytes and then throws most of the pixels away \u2014 the visitor pays for detail they will\n                never see.<\/p>\n              <p class=\"cp-p\">It shows up directly in <strong>Largest Contentful Paint<\/strong>, which is\n                one of the Core Web Vitals Google measures. Resizing before upload is the single cheapest\n                fix available, and it costs nothing but a few seconds.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"cp-ed\">\n            <div><p class=\"cp-ed-i\">02 \/ Ratio<\/p><\/div>\n            <div>\n              <h3 class=\"cp-h3\">Why the lock is on by default<\/h3>\n              <p class=\"cp-p\">Change the width without changing the height and the image stretches. It is\n                the most common mistake in resizing, and once it is done there is no undoing it \u2014 the\n                pixels have been rewritten. With the lock on you type one number and the other follows.<\/p>\n              <p class=\"cp-p\">Turn it off only when you deliberately want a different shape, and expect to\n                crop first. If your source is 4:3 and you need 16:9, resize then crop \u2014 not the reverse.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"cp-ed\">\n            <div><p class=\"cp-ed-i\">03 \/ Quality<\/p><\/div>\n            <div>\n              <h3 class=\"cp-h3\">80% is almost always the answer<\/h3>\n              <p class=\"cp-p\">The quality slider is not a straight trade. Going from 100% to 80% typically\n                removes more than half the file weight while leaving nothing an eye can catch. Below about\n                60% the artefacts start showing up around edges and in flat skies.<\/p>\n              <p class=\"cp-p\">Watch the Info panel while you move it: it reports the reduction against the\n                original, so you can find the point where the curve flattens and stop there.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"cp-ed\">\n            <div><p class=\"cp-ed-i\">04 \/ Enlarging<\/p><\/div>\n            <div>\n              <h3 class=\"cp-h3\">Scaling up does not add detail<\/h3>\n              <p class=\"cp-p\">You can set any dimension up to 5000px, but enlarging a small image only\n                spreads the existing pixels over more space. It will look soft, and no setting will fix\n                that. If you need a larger image, go back to a higher-resolution original.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550 ALTRI STRUMENTI \u2550\u2550\u2550 -->\n    <section class=\"cp-sec cp-sec--tight\">\n      <div class=\"cp-wrap\">\n        <div class=\"cp-bar cp-rise\"><b>04<\/b><span>Rest of the toolkit<\/span><i><\/i><\/div>\n        <div class=\"cp-list cp-rise\">\n          <a href=\"https:\/\/www.censorpic.com\/staging\/crop-images-online-free\/\"><span>Crop images<\/span><span class=\"ln\"><\/span><span class=\"tag\">Change the shape<\/span><span class=\"ar\">\u2192<\/span><\/a>\n          <a href=\"https:\/\/www.censorpic.com\/staging\/convert-images-online-free\/\"><span>Convert format<\/span><span class=\"ln\"><\/span><span class=\"tag\">WebP, JPG, PNG<\/span><span class=\"ar\">\u2192<\/span><\/a>\n          <a href=\"https:\/\/www.censorpic.com\/staging\/censor-images\/\"><span>Censor images<\/span><span class=\"ln\"><\/span><span class=\"tag\">Blur and pixelate<\/span><span class=\"ar\">\u2192<\/span><\/a>\n          <a href=\"https:\/\/www.censorpic.com\/staging\/photo-anonymizer\/\"><span>Photo anonymizer<\/span><span class=\"ln\"><\/span><span class=\"tag\">Strip metadata<\/span><span class=\"ar\">\u2192<\/span><\/a>\n          <a href=\"https:\/\/www.censorpic.com\/staging\/edit-exif-metadata-online\/\"><span>EXIF editor<\/span><span class=\"ln\"><\/span><span class=\"tag\">Read and rewrite<\/span><span class=\"ar\">\u2192<\/span><\/a>\n          <a href=\"https:\/\/www.censorpic.com\/staging\/photo-collage\/\"><span>Photo collage<\/span><span class=\"ln\"><\/span><span class=\"tag\">Layout editor<\/span><span class=\"ar\">\u2192<\/span><\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550 FAQ \u2550\u2550\u2550 -->\n    <section class=\"cp-sec cp-sec--tight\" id=\"faq\">\n      <div class=\"cp-wrap\">\n        <div class=\"cp-bar cp-rise\"><b>05<\/b><span>FAQ<\/span><i><\/i><\/div>\n        <div class=\"cp-faq cp-rise\">\n          <details>\n            <summary data-n=\"01\">How do I resize an image online for free?<\/summary>\n            <div class=\"cp-faq-a\">Drop your photo into the tool above or click to browse for it. Type the\n              width and height you need in pixels, pick JPG, PNG or WebP, and set the quality. Click\n              Download to save the result. No account, no limits.<\/div>\n          <\/details>\n          <details>\n            <summary data-n=\"02\">Are my images uploaded to a server?<\/summary>\n            <div class=\"cp-faq-a\">No. Resizing happens entirely in your browser through the HTML5 Canvas\n              API. The file never leaves your device, which means you can resize private photos and\n              confidential documents without them travelling anywhere.<\/div>\n          <\/details>\n          <details>\n            <summary data-n=\"03\">Can I keep the original proportions?<\/summary>\n            <div class=\"cp-faq-a\">Yes, and it is on by default. With the lock active you type one dimension\n              and the other is calculated for you, so the image cannot stretch. Turn it off when you\n              deliberately want a different shape.<\/div>\n          <\/details>\n          <details>\n            <summary data-n=\"04\">What is the difference between JPG, PNG and WebP?<\/summary>\n            <div class=\"cp-faq-a\">JPG compresses with a small loss of detail and suits photographs. PNG is\n              lossless and supports transparency, so it suits logos, screenshots and graphics with sharp\n              edges. WebP is typically 25\u201335% lighter than JPG at the same visual quality and is supported\n              by every current browser.<\/div>\n          <\/details>\n          <details>\n            <summary data-n=\"05\">What does the quality slider do?<\/summary>\n            <div class=\"cp-faq-a\">It sets the compression level for JPG and WebP exports. Around 80% is\n              usually the sweet spot: a large drop in file size with no visible loss. The Info panel shows\n              the reduction against the original as you move it.<\/div>\n          <\/details>\n          <details>\n            <summary data-n=\"06\">What dimensions and file sizes are allowed?<\/summary>\n            <div class=\"cp-faq-a\">Width and height from 1 to 5000 pixels, and input files up to 10 MB in\n              JPG, PNG, GIF or WebP. There is no daily limit \u2014 resize as many images as you like.<\/div>\n          <\/details>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550 CHIUSURA \u2550\u2550\u2550 -->\n    <section class=\"cp-end\">\n      <div class=\"cp-wrap\">\n        <p class=\"cp-mono cp-rise\" style=\"margin-bottom:1rem\">Free \/ unlimited \/ stays on your device<\/p>\n        <h2 class=\"cp-h2 cp-rise\">Get it down to the right size<\/h2>\n        <div class=\"cp-btnrow cp-rise\" style=\"justify-content:center\">\n          <a class=\"cp-btn\" href=\"#tool\">Open the resizer<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n  <\/div>\n<\/div>\n\n<script type=\"application\/ld+json\">\n{\"@context\":\"https:\/\/schema.org\",\"@graph\":[\n{\"@type\":\"SoftwareApplication\",\"name\":\"CensorPic Image Resizer\",\"applicationCategory\":\"MultimediaApplication\",\"operatingSystem\":\"Web browser\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/www.censorpic.com\/staging\/resize-image-online-free\/\",\"description\":\"Free online image resizer. Set exact width and height in pixels, keep the aspect ratio, adjust quality and export JPG, PNG or WebP entirely in your browser.\",\"offers\":{\"@type\":\"Offer\",\"price\":\"0\",\"priceCurrency\":\"EUR\"},\"featureList\":[\"Exact width and height from 1 to 5000 px\",\"Aspect ratio lock\",\"Quality slider from 10% to 100%\",\"JPG, PNG and WebP export\",\"Size reduction info panel\",\"Runs entirely in the browser\",\"No registration\"]},\n{\"@type\":\"FAQPage\",\"inLanguage\":\"en-GB\",\"mainEntity\":[\n{\"@type\":\"Question\",\"name\":\"How do I resize an image online for free?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Drop your photo into the tool or click to browse for it. Type the width and height you need in pixels, pick JPG, PNG or WebP, and set the quality. Click Download to save the result. No account, no limits.\"}},\n{\"@type\":\"Question\",\"name\":\"Are my images uploaded to a server?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No. Resizing happens entirely in your browser through the HTML5 Canvas API. The file never leaves your device, so you can resize private photos and confidential documents without them travelling anywhere.\"}},\n{\"@type\":\"Question\",\"name\":\"Can I keep the original proportions?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, and it is on by default. With the lock active you type one dimension and the other is calculated for you, so the image cannot stretch. Turn it off when you deliberately want a different shape.\"}},\n{\"@type\":\"Question\",\"name\":\"What is the difference between JPG, PNG and WebP?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"JPG compresses with a small loss of detail and suits photographs. PNG is lossless and supports transparency, so it suits logos, screenshots and graphics with sharp edges. WebP is typically 25 to 35 percent lighter than JPG at the same visual quality and is supported by every current browser.\"}},\n{\"@type\":\"Question\",\"name\":\"What does the quality slider do?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"It sets the compression level for JPG and WebP exports. Around 80 percent is usually the sweet spot: a large drop in file size with no visible loss. The Info panel shows the reduction against the original as you move it.\"}},\n{\"@type\":\"Question\",\"name\":\"What dimensions and file sizes are allowed?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Width and height from 1 to 5000 pixels, and input files up to 10 MB in JPG, PNG, GIF or WebP. There is no daily limit.\"}}]}\n]}\n<\/script>\n<script>\n\/* Aggancia il widget Shortcode di Elementor dentro la cornice dell'editor.\n   Serve perche' il widget HTML di Elementor non esegue gli shortcode. *\/\n(function(){\n  var slot = document.getElementById('cp-tool-slot');\n  if (!slot) return;\n  var done = false;\n\n  function pick(){\n    var all = document.querySelectorAll('.elementor-widget-shortcode');\n    for (var i = 0; i < all.length; i++){\n      var w = all[i];\n      if (slot.contains(w)) continue;\n      if (w.closest('header, footer, .elementor-location-header, .elementor-location-footer')) continue;\n      return w;\n    }\n    return null;\n  }\n\n  function move(){\n    if (done) return true;\n    var w = pick();\n    if (!w) return false;\n    slot.appendChild(w);\n    done = true;\n    return true;\n  }\n\n  if (move()) return;\n\n  var obs = new MutationObserver(function(){ if (move()) obs.disconnect(); });\n  obs.observe(document.documentElement, {childList:true, subtree:true});\n\n  function stop(){\n    obs.disconnect();\n    if (!done) slot.style.display = 'none';\n  }\n  if (document.readyState === 'complete') setTimeout(stop, 0);\n  else window.addEventListener('load', stop);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c06c4b4 e-flex e-con-boxed e-con e-parent\" data-id=\"c06c4b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e59d91 elementor-widget elementor-widget-shortcode\" data-id=\"5e59d91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t\t\t\t<script>\n\t\t\t\t\t\tdocument.addEventListener(\"cmplz_enable_category\", cmplzEnableCustomBlockedContent);\n\t\t\t\t\t\tfunction cmplzEnableCustomBlockedContent(e) {\n\t\t\t\t\t\t\tif ( cmplz_has_service_consent('no-service', 'marketing' ) && !document.getElementById(\"cmplz_consent_area_anchor\") ){\n\t\t\t\t\t\t\t\tlocation.reload();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif ( e.detail.category === 'marketing' && !document.getElementById(\"cmplz_consent_area_anchor\") ){\n\t\t\t\t\t\t\t\tlocation.reload();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t<\/script>\n\t\t\t\t\t\t\t\t<div class=\"cmplz-consent-area\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" data-category=\"marketing\" class=\"cmplz-accept-category  cmplz_marketing_consentarea\" >Fai clic per accettare i cookie per questo servizio<\/a>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Image resizer &nbsp;\/&nbsp; runs in your browser &nbsp;\/&nbsp; free Resize an image to exact pixels Type the width and height you need, pick JPG, PNG or WebP, set the quality. The aspect ratio locks itself so nothing gets squashed. Nothing is uploaded anywhere. Dimensions 1\u20135000 px Output JPG \u00b7 PNG \u00b7 WEBP Quality 10\u2013100% Max [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-364","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Resize Image Online Free | JPG PNG WebP Resizer - CensorPic<\/title>\n<meta name=\"description\" content=\"Resize images online for free with CensorPic. Set exact width and height in pixels, keep proportions, adjust quality and export JPG, PNG or WebP in your browser.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.censorpic.com\/staging\/resize-image-online-free\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Resize Image Online Free | JPG PNG WebP Resizer - CensorPic\" \/>\n<meta property=\"og:description\" content=\"Resize images online for free with CensorPic. Set exact width and height in pixels, keep proportions, adjust quality and export JPG, PNG or WebP in your browser.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.censorpic.com\/staging\/resize-image-online-free\/\" \/>\n<meta property=\"og:site_name\" content=\"CensorPic\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-08T13:31:07+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"13 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/resize-image-online-free\\\/\",\"url\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/resize-image-online-free\\\/\",\"name\":\"Resize Image Online Free | JPG PNG WebP Resizer - CensorPic\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/#website\"},\"datePublished\":\"2026-05-16T07:24:25+00:00\",\"dateModified\":\"2026-08-08T13:31:07+00:00\",\"description\":\"Resize images online for free with CensorPic. Set exact width and height in pixels, keep proportions, adjust quality and export JPG, PNG or WebP in your browser.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/resize-image-online-free\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/resize-image-online-free\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/resize-image-online-free\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resize Image\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/#website\",\"url\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/\",\"name\":\"Censura foto online gratis\",\"description\":\"Free online image tools\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/#organization\",\"name\":\"Censura foto online gratis\",\"url\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/ChatGPT-Image-22-set-2025-22_54_47.png\",\"contentUrl\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/ChatGPT-Image-22-set-2025-22_54_47.png\",\"width\":914,\"height\":333,\"caption\":\"Censura foto online gratis\"},\"image\":{\"@id\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Resize Image Online Free | JPG PNG WebP Resizer - CensorPic","description":"Resize images online for free with CensorPic. Set exact width and height in pixels, keep proportions, adjust quality and export JPG, PNG or WebP in your browser.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.censorpic.com\/staging\/resize-image-online-free\/","og_locale":"it_IT","og_type":"article","og_title":"Resize Image Online Free | JPG PNG WebP Resizer - CensorPic","og_description":"Resize images online for free with CensorPic. Set exact width and height in pixels, keep proportions, adjust quality and export JPG, PNG or WebP in your browser.","og_url":"https:\/\/www.censorpic.com\/staging\/resize-image-online-free\/","og_site_name":"CensorPic","article_modified_time":"2026-08-08T13:31:07+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tempo di lettura stimato":"13 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.censorpic.com\/staging\/resize-image-online-free\/","url":"https:\/\/www.censorpic.com\/staging\/resize-image-online-free\/","name":"Resize Image Online Free | JPG PNG WebP Resizer - CensorPic","isPartOf":{"@id":"https:\/\/www.censorpic.com\/staging\/#website"},"datePublished":"2026-05-16T07:24:25+00:00","dateModified":"2026-08-08T13:31:07+00:00","description":"Resize images online for free with CensorPic. Set exact width and height in pixels, keep proportions, adjust quality and export JPG, PNG or WebP in your browser.","breadcrumb":{"@id":"https:\/\/www.censorpic.com\/staging\/resize-image-online-free\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.censorpic.com\/staging\/resize-image-online-free\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.censorpic.com\/staging\/resize-image-online-free\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.censorpic.com\/staging\/"},{"@type":"ListItem","position":2,"name":"Resize Image"}]},{"@type":"WebSite","@id":"https:\/\/www.censorpic.com\/staging\/#website","url":"https:\/\/www.censorpic.com\/staging\/","name":"Censura foto online gratis","description":"Free online image tools","publisher":{"@id":"https:\/\/www.censorpic.com\/staging\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.censorpic.com\/staging\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/www.censorpic.com\/staging\/#organization","name":"Censura foto online gratis","url":"https:\/\/www.censorpic.com\/staging\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.censorpic.com\/staging\/#\/schema\/logo\/image\/","url":"https:\/\/www.censorpic.com\/staging\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-22-set-2025-22_54_47.png","contentUrl":"https:\/\/www.censorpic.com\/staging\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-22-set-2025-22_54_47.png","width":914,"height":333,"caption":"Censura foto online gratis"},"image":{"@id":"https:\/\/www.censorpic.com\/staging\/#\/schema\/logo\/image\/"}}]}},"lang":"en","translations":{"en":364,"it":133},"pll_sync_post":{},"_links":{"self":[{"href":"https:\/\/www.censorpic.com\/staging\/wp-json\/wp\/v2\/pages\/364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.censorpic.com\/staging\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.censorpic.com\/staging\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.censorpic.com\/staging\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.censorpic.com\/staging\/wp-json\/wp\/v2\/comments?post=364"}],"version-history":[{"count":14,"href":"https:\/\/www.censorpic.com\/staging\/wp-json\/wp\/v2\/pages\/364\/revisions"}],"predecessor-version":[{"id":708,"href":"https:\/\/www.censorpic.com\/staging\/wp-json\/wp\/v2\/pages\/364\/revisions\/708"}],"wp:attachment":[{"href":"https:\/\/www.censorpic.com\/staging\/wp-json\/wp\/v2\/media?parent=364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}