{"id":114,"date":"2025-09-23T12:41:12","date_gmt":"2025-09-23T12:41:12","guid":{"rendered":"https:\/\/www.censorpic.com\/staging\/?page_id=114"},"modified":"2026-08-08T15:53:41","modified_gmt":"2026-08-08T13:53:41","slug":"ritaglio-foto-online","status":"publish","type":"page","link":"https:\/\/www.censorpic.com\/staging\/it\/ritaglio-foto-online\/","title":{"rendered":"Taglio immagine"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"114\" class=\"elementor elementor-114\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a347d9b e-con-full e-flex e-con e-parent\" data-id=\"a347d9b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00b67c7 elementor-widget elementor-widget-html\" data-id=\"00b67c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     CENSORPIC  \u00b7  .\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:18ch;margin:1.15rem 0 1.5rem}\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-crop::before{animation:cpc .8s .25s cubic-bezier(.2,.8,.25,1) both}\n  .cp-crop::after{animation:cpg .6s .75s ease both}\n  @keyframes cpc{from{transform:scale(1.09);opacity:0}to{transform:scale(1);opacity:1}}\n  @keyframes cpg{from{opacity:0}to{opacity:1}}\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\/* crocini di taglio + griglia dei terzi attorno alla parola *\/\n.cp-crop{position:relative;display:inline-block}\n.cp-crop::before,.cp-crop::after{content:'';position:absolute;inset:-.2em -.3em -.12em;pointer-events:none}\n.cp-crop::before{\n  background-repeat:no-repeat;\n  background-image:\n    linear-gradient(var(--sig),var(--sig)),linear-gradient(var(--sig),var(--sig)),\n    linear-gradient(var(--sig),var(--sig)),linear-gradient(var(--sig),var(--sig)),\n    linear-gradient(var(--sig),var(--sig)),linear-gradient(var(--sig),var(--sig)),\n    linear-gradient(var(--sig),var(--sig)),linear-gradient(var(--sig),var(--sig));\n  background-size:16px 2px,2px 16px,16px 2px,2px 16px,16px 2px,2px 16px,16px 2px,2px 16px;\n  background-position:left top,left top,right top,right top,left bottom,left bottom,right bottom,right bottom;\n}\n.cp-crop::after{\n  background-repeat:no-repeat;\n  background-image:\n    linear-gradient(rgba(255,106,56,.3),rgba(255,106,56,.3)),\n    linear-gradient(rgba(255,106,56,.3),rgba(255,106,56,.3)),\n    linear-gradient(rgba(255,106,56,.3),rgba(255,106,56,.3)),\n    linear-gradient(rgba(255,106,56,.3),rgba(255,106,56,.3));\n  background-size:1px 100%,1px 100%,100% 1px,100% 1px;\n  background-position:33.33% 0,66.66% 0,0 33.33%,0 66.66%;\n}\n\n\/* i sei formati, disegnati nelle loro proporzioni reali *\/\n.cp-ratios{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}\n.cp-ratio{background:var(--panel);padding:1.1rem .9rem 1.15rem;display:flex;flex-direction:column;align-items:center;text-align:center}\n.cp-ratio .stage{height:118px;display:grid;place-items:center;width:100%}\n.cp-ratio .box{\n  width:var(--w);height:var(--h);max-width:100%;\n  border:1px solid var(--line2);border-radius:2px;background:var(--bg2);\n  display:grid;place-items:center;\n  font-family:var(--mono);font-size:.66rem;font-weight:680;letter-spacing:.04em;color:var(--fg2);\n  transition:border-color .18s ease,color .18s ease,background-color .18s ease;\n}\n.cp-ratio--free .box{border-style:dashed}\n.cp-ratio:hover .box{border-color:var(--sig);color:var(--sig);background:rgba(255,106,56,.06)}\n.cp-ratio .nm{margin-top:.85rem;font-size:.9rem;font-weight:620;letter-spacing:-.012em}\n.cp-ratio .dsc{margin-top:.28rem;font-family:var(--mono);font-size:.62rem;font-weight:560;letter-spacing:.09em;text-transform:uppercase;color:var(--dim);line-height:1.45}\n\n\/* tabella densa *\/\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{font-family:var(--mono);font-size:.65rem;font-weight:640;letter-spacing:.13em;text-transform:uppercase;color:var(--dim);background:var(--panel2);white-space:nowrap}\n.cp-tbl tbody tr:last-child td{border-bottom:0}\n.cp-tbl tbody tr:hover{background:var(--panel2)}\n.cp-tbl .ar{font-family:var(--mono);font-weight:680;color:var(--sig);white-space:nowrap}\n.cp-tbl .px{font-family:var(--mono);font-weight:600;color:var(--fg);white-space:nowrap}\n.cp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}\n\n@media (max-width:1100px){.cp-ratios{grid-template-columns:repeat(3,1fr)}}\n@media (max-width:560px){\n  .cp-ratios{grid-template-columns:repeat(2,1fr)}\n  .cp-ratio .stage{height:96px}\n  .cp-tbl th,.cp-tbl td{padding:.55rem .8rem}\n  .cp-tbl{min-width:480px}\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\">Ritaglia immagini &nbsp;\/&nbsp; gira nel browser &nbsp;\/&nbsp; gratis<\/p>\n\n      <h1 class=\"cp-h1 cp-fade cp-fade--2\">\n        Ritaglia una foto nella\n        <span class=\"cp-crop\">forma giusta<\/span>\n      <\/h1>\n\n      <p class=\"cp-sub cp-fade cp-fade--3\">\n        Sei proporzioni pronte per Instagram, Storie, YouTube e Facebook, oppure una selezione\n        libera di qualsiasi forma. Ruoti, ingrandisci, scarichi. Niente viene caricato da nessuna parte.\n      <\/p>\n\n      <dl class=\"cp-spec cp-fade cp-fade--4\">\n        <div><dt>Preset<\/dt><dd>6 <small>+ ritaglio libero<\/small><\/dd><\/div>\n        <div><dt>Rotazione<\/dt><dd>90<small>\u00b0 SX \/ DX<\/small><\/dd><\/div>\n        <div><dt>Zoom<\/dt><dd>0,1\u20133<small>\u00d7<\/small><\/dd><\/div>\n        <div><dt>File max<\/dt><dd>12 <small>MB<\/small><\/dd><\/div>\n        <div><dt>Upload<\/dt><dd>Nessuno<\/dd><\/div>\n      <\/dl>\n    <\/header>\n\n    <!-- \u2550\u2550\u2550 STRUMENTO \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> Ritaglio <em>gira in locale<\/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>Sei preset social, pi\u00f9 il ritaglio libero senza vincoli di proporzione<\/li>\n        <li>Ruota di 90\u00b0 a sinistra o a destra prima di tagliare<\/li>\n        <li>Zoom da 0,1\u00d7 a 3\u00d7 per inquadrare l'area esatta<\/li>\n        <li>Azzeri tutto con un clic<\/li>\n        <li>Trascinamento a dito su telefono e tablet<\/li>\n        <li>Accetta JPG, PNG, GIF e WebP fino a 12 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>Feed Instagram<\/li><li>Storie e Reel<\/li><li>Miniature YouTube<\/li><li>Foto profilo<\/li>\n          <li>Foto prodotto<\/li><li>Anteprime dei link<\/li><li>Sfondi per slide<\/li><li>Testate email<\/li>\n          <li>Raddrizzare l'orizzonte<\/li><li>Togliere i passanti<\/li><li>Foto tessera<\/li><li>Tutto ci\u00f2 che \u00e8 inquadrato male<\/li>\n        <\/ul>\n        <ul aria-hidden=\"true\">\n          <li>Feed Instagram<\/li><li>Storie e Reel<\/li><li>Miniature YouTube<\/li><li>Foto profilo<\/li>\n          <li>Foto prodotto<\/li><li>Anteprime dei link<\/li><li>Sfondi per slide<\/li><li>Testate email<\/li>\n          <li>Raddrizzare l'orizzonte<\/li><li>Togliere i passanti<\/li><li>Foto tessera<\/li><li>Tutto ci\u00f2 che \u00e8 inquadrato male<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <!-- \u2550\u2550\u2550 I SEI 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>Proporzioni<\/span><i><\/i><\/div>\n        <h2 class=\"cp-h2 cp-rise\" style=\"max-width:22ch;margin-bottom:.9rem\">Sei forme, disegnate in scala<\/h2>\n        <p class=\"cp-sub cp-rise\" style=\"margin-bottom:clamp(1.5rem,3vw,2rem)\">\n          Ogni preset qui sotto \u00e8 mostrato nella sua proporzione reale, cos\u00ec vedi cosa stai\n          scegliendo prima ancora di toccare l'immagine.\n        <\/p>\n\n        <div class=\"cp-ratios cp-rise\">\n          <div class=\"cp-ratio\">\n            <div class=\"stage\"><div class=\"box\" style=\"--w:92px;--h:92px\">1:1<\/div><\/div>\n            <p class=\"nm\">Quadrato<\/p><p class=\"dsc\">Feed Instagram<br>Foto profilo<\/p>\n          <\/div>\n          <div class=\"cp-ratio\">\n            <div class=\"stage\"><div class=\"box\" style=\"--w:83px;--h:104px\">4:5<\/div><\/div>\n            <p class=\"nm\">Verticale corto<\/p><p class=\"dsc\">Post nel feed<br>Occupa pi\u00f9 schermo<\/p>\n          <\/div>\n          <div class=\"cp-ratio\">\n            <div class=\"stage\"><div class=\"box\" style=\"--w:58px;--h:104px\">9:16<\/div><\/div>\n            <p class=\"nm\">Verticale pieno<\/p><p class=\"dsc\">Storie \u00b7 Reel<br>TikTok \u00b7 Shorts<\/p>\n          <\/div>\n          <div class=\"cp-ratio\">\n            <div class=\"stage\"><div class=\"box\" style=\"--w:160px;--h:90px\">16:9<\/div><\/div>\n            <p class=\"nm\">Panoramico<\/p><p class=\"dsc\">YouTube<br>Slide \u00b7 Banner<\/p>\n          <\/div>\n          <div class=\"cp-ratio\">\n            <div class=\"stage\"><div class=\"box\" style=\"--w:160px;--h:84px\">1.91:1<\/div><\/div>\n            <p class=\"nm\">Anteprima link<\/p><p class=\"dsc\">Facebook \u00b7 LinkedIn<br>Open Graph<\/p>\n          <\/div>\n          <div class=\"cp-ratio cp-ratio--free\">\n            <div class=\"stage\"><div class=\"box\" style=\"--w:120px;--h:96px\">LIBERO<\/div><\/div>\n            <p class=\"nm\">Nessun vincolo<\/p><p class=\"dsc\">Qualsiasi rettangolo<br>Decidi tu<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550 DOVE VA CIASCUNO \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>Dove finisce ciascuna<\/span><i><\/i><\/div>\n        <h2 class=\"cp-h2 cp-rise\" style=\"max-width:26ch;margin-bottom:.9rem\">Scegli in base alla destinazione<\/h2>\n        <p class=\"cp-sub cp-rise\" style=\"margin-bottom:clamp(1.5rem,3vw,2rem)\">\n          Se carichi la forma sbagliata, ritaglia la piattaforma al posto tuo \u2014 di solito\n          all'altezza della fronte di qualcuno. La proporzione si decide prima.\n        <\/p>\n\n        <div class=\"cp-panel cp-rise\" style=\"overflow:hidden\">\n          <div class=\"cp-phead\"><span class=\"cp-led\"><\/span> Riferimento <em>proporzione \u00b7 destinazione \u00b7 pixel tipici<\/em><\/div>\n          <div class=\"cp-scroll\">\n            <table class=\"cp-tbl\">\n              <thead>\n                <tr><th>Proporzione<\/th><th>Dove finisce<\/th><th>Misura tipica<\/th><th>Da sapere<\/th><\/tr>\n              <\/thead>\n              <tbody>\n                <tr><td class=\"ar\">1:1<\/td><td>Feed Instagram, avatar, griglie prodotto<\/td><td class=\"px\">1080 \u00d7 1080<\/td><td>La forma pi\u00f9 sicura: non viene tagliata da nessuna parte<\/td><\/tr>\n                <tr><td class=\"ar\">4:5<\/td><td>Post verticale su Instagram<\/td><td class=\"px\">1080 \u00d7 1350<\/td><td>Il pi\u00f9 alto ammesso nel feed, occupa pi\u00f9 schermo<\/td><\/tr>\n                <tr><td class=\"ar\">9:16<\/td><td>Storie, Reel, TikTok, Shorts<\/td><td class=\"px\">1080 \u00d7 1920<\/td><td>Tieni volti e testo lontani dai bordi in alto e in basso<\/td><\/tr>\n                <tr><td class=\"ar\">16:9<\/td><td>Miniature YouTube, slide, banner<\/td><td class=\"px\">1280 \u00d7 720<\/td><td>Lo standard per tutto ci\u00f2 che \u00e8 panoramico<\/td><\/tr>\n                <tr><td class=\"ar\">1.91:1<\/td><td>Anteprime dei link su Facebook e LinkedIn<\/td><td class=\"px\">1200 \u00d7 630<\/td><td>\u00c8 anche l'immagine Open Graph che serve a ogni sito<\/td><\/tr>\n                <tr><td class=\"ar\">Libero<\/td><td>Documenti, scansioni, casi particolari<\/td><td class=\"px\">Decidi tu<\/td><td>Da usare quando la forma la detta il contenuto, non la piattaforma<\/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>Da sapere<\/span><i><\/i><\/div>\n        <h2 class=\"cp-h2 cp-rise\" style=\"max-width:28ch;margin-bottom:clamp(1.5rem,3vw,2rem)\">\n          \u00c8 il ritaglio a decidere di cosa parla la foto\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 \/ Misura in uscita<\/p><\/div>\n            <div>\n              <h3 class=\"cp-h3\">Ritagliare non \u00e8 ridimensionare<\/h3>\n              <p class=\"cp-p\">\u00c8 il punto su cui quasi tutti inciampano. Il file che scarichi ha le dimensioni\n                in pixel dell'area che hai selezionato sull'originale: niente viene scalato. Ritagli una\n                regione di 1080 \u00d7 1080 da una foto ad alta risoluzione e ottieni un file 1080 \u00d7 1080. Ritagli\n                lo stesso quadrato da un'immagine piccola e ottieni un file piccolo.<\/p>\n              <p class=\"cp-p\">Quindi prima ritaglia per sistemare la forma, poi usa il\n                <a class=\"cp-link\" href=\"https:\/\/www.censorpic.com\/staging\/it\/ridimensionare-immagini-online\/\">ridimensionatore<\/a>\n                per arrivare al numero esatto di pixel. In quest'ordine: al contrario butti via dettaglio\n                che stavi per tenere.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"cp-ed\">\n            <div><p class=\"cp-ed-i\">02 \/ Composizione<\/p><\/div>\n            <div>\n              <h3 class=\"cp-h3\">Dove mettere il soggetto<\/h3>\n              <p class=\"cp-p\">La regola pi\u00f9 vecchia funziona ancora: metti il soggetto a circa un terzo\n                invece che al centro esatto, e lascia a un volto lo spazio per guardare avanti. Un ritratto\n                ritagliato stretto proprio dal lato verso cui guarda risulta soffocato, in un modo che quasi\n                tutti percepiscono senza saper dire perch\u00e9.<\/p>\n              <p class=\"cp-p\">Lascia un po' di spazio sopra la testa, ma poco. Il vuoto sopra una testa \u00e8\n                l'area sprecata pi\u00f9 comune in un ritaglio amatoriale, e toglierlo non costa nulla.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"cp-ed\">\n            <div><p class=\"cp-ed-i\">03 \/ Rotazione<\/p><\/div>\n            <div>\n              <h3 class=\"cp-h3\">Raddrizza prima di tagliare<\/h3>\n              <p class=\"cp-p\">Prima ruota, poi ritaglia. Girare l'immagine dopo aver inquadrato cambia quello\n                che cade dentro la selezione, e finisci per rifare il lavoro due volte. I pulsanti a 90\u00b0\n                servono anche per le foto che escono dalla fotocamera coricate.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"cp-ed\">\n            <div><p class=\"cp-ed-i\">04 \/ Limiti<\/p><\/div>\n            <div>\n              <h3 class=\"cp-h3\">Un ritaglio non inventa pixel<\/h3>\n              <p class=\"cp-p\">Tagliare una piccola regione da un'immagine gi\u00e0 piccola ti lascia pochissimi\n                pixel, e ingrandire dopo li rende soltanto pi\u00f9 morbidi. Se il risultato deve essere grande,\n                parti dall'originale a risoluzione pi\u00f9 alta che hai invece di provare a recuperare il ritaglio.<\/p>\n              <p class=\"cp-p\">Lo zoom dello strumento cambia quello che vedi mentre inquadri: non cambia la\n                risoluzione di quello che esporti.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550 ALTRI STRUMENTI \u2550\u2550\u2550\n         \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n         \u2551  DA SOSTITUIRE: i link privi di \/it\/ puntano alle pagine   \u2551\n         \u2551  INGLESI. Mettici gli slug italiani di Polylang.           \u2551\n         \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\n    <section class=\"cp-sec cp-sec--tight\">\n      <div class=\"cp-wrap\">\n        <div class=\"cp-bar cp-rise\"><b>04<\/b><span>Gli altri strumenti<\/span><i><\/i><\/div>\n        <div class=\"cp-list cp-rise\">\n          <a href=\"https:\/\/www.censorpic.com\/staging\/it\/ridimensionare-immagini-online\/\"><span>Ridimensiona immagini<\/span><span class=\"ln\"><\/span><span class=\"tag\">Al pixel esatto<\/span><span class=\"ar\">\u2192<\/span><\/a>\n          <a href=\"https:\/\/www.censorpic.com\/staging\/it\/converti-immagini-online-formato\/\"><span>Converti formato<\/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\/it\/censura-foto-online\/\"><span>Censura immagini<\/span><span class=\"ln\"><\/span><span class=\"tag\">Sfoca e pixela<\/span><span class=\"ar\">\u2192<\/span><\/a>\n          <a href=\"https:\/\/www.censorpic.com\/staging\/photo-anonymizer\/\"><span>Anonimizza foto<\/span><span class=\"ln\"><\/span><span class=\"tag\">Rimuove i metadati<\/span><span class=\"ar\">\u2192<\/span><\/a>\n          <a href=\"https:\/\/www.censorpic.com\/staging\/edit-exif-metadata-online\/\"><span>Editor EXIF<\/span><span class=\"ln\"><\/span><span class=\"tag\">Leggi e riscrivi<\/span><span class=\"ar\">\u2192<\/span><\/a>\n          <a href=\"https:\/\/www.censorpic.com\/staging\/photo-collage\/\"><span>Collage di foto<\/span><span class=\"ln\"><\/span><span class=\"tag\">Editor di layout<\/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>Domande frequenti<\/span><i><\/i><\/div>\n        <div class=\"cp-faq cp-rise\">\n          <details>\n            <summary data-n=\"01\">Come si ritaglia un'immagine online gratis?<\/summary>\n            <div class=\"cp-faq-a\">Trascina la foto nello strumento qui sopra oppure clicca per sceglierla.\n              Seleziona una proporzione predefinita o il ritaglio libero, trascina la selezione sull'area che\n              ti interessa e premi Scarica. Il file viene salvato direttamente sul tuo dispositivo.<\/div>\n          <\/details>\n          <details>\n            <summary data-n=\"02\">Le mie immagini vengono caricate su un server?<\/summary>\n            <div class=\"cp-faq-a\">No. Il ritaglio avviene interamente nel tuo browser tramite l'API Canvas\n              HTML5. Le immagini restano sul dispositivo dall'inizio alla fine, quindi puoi ritagliare foto\n              private e documenti aziendali senza che vadano da nessuna parte.<\/div>\n          <\/details>\n          <details>\n            <summary data-n=\"03\">Quali proporzioni sono disponibili?<\/summary>\n            <div class=\"cp-faq-a\">Sei preset: 1:1 per il feed Instagram, 4:5 per i post verticali, 9:16 per\n              Storie e Reel, 16:9 per YouTube e le slide, 1.91:1 per le anteprime dei link, pi\u00f9 il ritaglio\n              libero senza vincoli. Puoi passare dall'uno all'altro in qualsiasi momento senza ricaricare\n              l'immagine.<\/div>\n          <\/details>\n          <details>\n            <summary data-n=\"04\">Posso ruotare l'immagine prima di ritagliarla?<\/summary>\n            <div class=\"cp-faq-a\">S\u00ec. Due pulsanti nella barra strumenti girano l'immagine di 90\u00b0 a sinistra\n              o a destra, quante volte serve. Ruota prima di impostare la selezione: girarla dopo cambia\n              quello che cade dentro l'inquadratura.<\/div>\n          <\/details>\n          <details>\n            <summary data-n=\"05\">Che dimensioni ha il file scaricato?<\/summary>\n            <div class=\"cp-faq-a\">Esattamente le dimensioni in pixel della regione che hai selezionato\n              sull'originale. Durante il ritaglio niente viene scalato. Se ti serve anche una misura precisa\n              in pixel, prima ritaglia qui e poi usa il ridimensionatore.<\/div>\n          <\/details>\n          <details>\n            <summary data-n=\"06\">Funziona dal telefono?<\/summary>\n            <div class=\"cp-faq-a\">S\u00ec, su iPhone e Android. Carichi un'immagine dalla galleria, trascini la\n              selezione con il dito e scarichi il risultato direttamente sul dispositivo.<\/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\">Gratis \/ illimitato \/ resta sul tuo dispositivo<\/p>\n        <h2 class=\"cp-h2 cp-rise\">Taglia via quello che non serve<\/h2>\n        <div class=\"cp-btnrow cp-rise\" style=\"justify-content:center\">\n          <a class=\"cp-btn\" href=\"#tool\">Apri lo strumento<\/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 \\u2013 Ritaglia immagini online\",\"applicationCategory\":\"MultimediaApplication\",\"operatingSystem\":\"Browser web\",\"inLanguage\":\"it-IT\",\"url\":\"https:\/\/www.censorpic.com\/staging\/it\/ritaglio-foto-online\/\",\"description\":\"Strumento online gratuito per ritagliare immagini. Sei proporzioni predefinite per i social pi\\u00f9 il ritaglio libero, rotazione di 90 gradi e zoom, tutto nel browser e senza alcun upload.\",\"offers\":{\"@type\":\"Offer\",\"price\":\"0\",\"priceCurrency\":\"EUR\"},\"featureList\":[\"Preset 1:1, 4:5, 9:16, 16:9 e 1.91:1\",\"Ritaglio libero senza vincoli di proporzione\",\"Rotazione di 90 gradi a sinistra o a destra\",\"Zoom da 0,1x a 3x\",\"Azzeramento con un clic\",\"JPG, PNG, GIF e WebP fino a 12 MB\",\"Funziona interamente nel browser\",\"Nessuna registrazione\"]},\n{\"@type\":\"FAQPage\",\"inLanguage\":\"it-IT\",\"mainEntity\":[\n{\"@type\":\"Question\",\"name\":\"Come si ritaglia un'immagine online gratis?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Trascina la foto nello strumento oppure clicca per sceglierla. Seleziona una proporzione predefinita o il ritaglio libero, trascina la selezione sull'area che ti interessa e premi Scarica. Il file viene salvato direttamente sul dispositivo.\"}},\n{\"@type\":\"Question\",\"name\":\"Le mie immagini vengono caricate su un server?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No. Il ritaglio avviene interamente nel browser tramite l'API Canvas HTML5. Le immagini restano sul dispositivo dall'inizio alla fine, quindi puoi ritagliare foto private e documenti aziendali senza che vadano da nessuna parte.\"}},\n{\"@type\":\"Question\",\"name\":\"Quali proporzioni sono disponibili?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Sei preset: 1:1 per il feed Instagram, 4:5 per i post verticali, 9:16 per Storie e Reel, 16:9 per YouTube e le slide, 1.91:1 per le anteprime dei link, pi\\u00f9 il ritaglio libero senza vincoli. Puoi passare dall'uno all'altro senza ricaricare l'immagine.\"}},\n{\"@type\":\"Question\",\"name\":\"Posso ruotare l'immagine prima di ritagliarla?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"S\\u00ec. Due pulsanti nella barra strumenti girano l'immagine di 90 gradi a sinistra o a destra, quante volte serve. Conviene ruotare prima di impostare la selezione, perch\\u00e9 girarla dopo cambia quello che cade dentro l'inquadratura.\"}},\n{\"@type\":\"Question\",\"name\":\"Che dimensioni ha il file scaricato?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Esattamente le dimensioni in pixel della regione selezionata sull'originale. Durante il ritaglio niente viene scalato. Se serve anche una misura precisa in pixel, prima ritaglia e poi usa il ridimensionatore.\"}},\n{\"@type\":\"Question\",\"name\":\"Funziona dal telefono?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"S\\u00ec, su iPhone e Android. Carichi un'immagine dalla galleria, trascini la selezione con il dito e scarichi il risultato direttamente sul dispositivo.\"}}]}\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-9ae817c e-flex e-con-boxed e-con e-parent\" data-id=\"9ae817c\" 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-eba5f2c elementor-widget elementor-widget-shortcode\" data-id=\"eba5f2c\" 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>Ritaglia immagini &nbsp;\/&nbsp; gira nel browser &nbsp;\/&nbsp; gratis Ritaglia una foto nella forma giusta Sei proporzioni pronte per Instagram, Storie, YouTube e Facebook, oppure una selezione libera di qualsiasi forma. Ruoti, ingrandisci, scarichi. Niente viene caricato da nessuna parte. Preset 6 + ritaglio libero Rotazione 90\u00b0 SX \/ DX Zoom 0,1\u20133\u00d7 File max 12 MB [&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-114","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>Ritaglio foto online \u2013 Gratis e senza upload<\/title>\n<meta name=\"description\" content=\"Ritaglia le tue foto online gratis senza caricare file. Strumento rapido, lato client, con formati per social, rotazione e download immediato\" \/>\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\/it\/ritaglio-foto-online\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ritaglio foto online \u2013 Gratis e senza upload\" \/>\n<meta property=\"og:description\" content=\"Ritaglia le tue foto online gratis senza caricare file. Strumento rapido, lato client, con formati per social, rotazione e download immediato\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.censorpic.com\/staging\/it\/ritaglio-foto-online\/\" \/>\n<meta property=\"og:site_name\" content=\"CensorPic\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-08T13:53:41+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=\"12 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/it\\\/ritaglio-foto-online\\\/\",\"url\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/it\\\/ritaglio-foto-online\\\/\",\"name\":\"Ritaglio foto online \u2013 Gratis e senza upload\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/#website\"},\"datePublished\":\"2025-09-23T12:41:12+00:00\",\"dateModified\":\"2026-08-08T13:53:41+00:00\",\"description\":\"Ritaglia le tue foto online gratis senza caricare file. Strumento rapido, lato client, con formati per social, rotazione e download immediato\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/it\\\/ritaglio-foto-online\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/it\\\/ritaglio-foto-online\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/it\\\/ritaglio-foto-online\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Taglio immagine\"}]},{\"@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":"Ritaglio foto online \u2013 Gratis e senza upload","description":"Ritaglia le tue foto online gratis senza caricare file. Strumento rapido, lato client, con formati per social, rotazione e download immediato","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\/it\/ritaglio-foto-online\/","og_locale":"it_IT","og_type":"article","og_title":"Ritaglio foto online \u2013 Gratis e senza upload","og_description":"Ritaglia le tue foto online gratis senza caricare file. Strumento rapido, lato client, con formati per social, rotazione e download immediato","og_url":"https:\/\/www.censorpic.com\/staging\/it\/ritaglio-foto-online\/","og_site_name":"CensorPic","article_modified_time":"2026-08-08T13:53:41+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tempo di lettura stimato":"12 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.censorpic.com\/staging\/it\/ritaglio-foto-online\/","url":"https:\/\/www.censorpic.com\/staging\/it\/ritaglio-foto-online\/","name":"Ritaglio foto online \u2013 Gratis e senza upload","isPartOf":{"@id":"https:\/\/www.censorpic.com\/staging\/#website"},"datePublished":"2025-09-23T12:41:12+00:00","dateModified":"2026-08-08T13:53:41+00:00","description":"Ritaglia le tue foto online gratis senza caricare file. Strumento rapido, lato client, con formati per social, rotazione e download immediato","breadcrumb":{"@id":"https:\/\/www.censorpic.com\/staging\/it\/ritaglio-foto-online\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.censorpic.com\/staging\/it\/ritaglio-foto-online\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.censorpic.com\/staging\/it\/ritaglio-foto-online\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.censorpic.com\/staging\/"},{"@type":"ListItem","position":2,"name":"Taglio immagine"}]},{"@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":"it","translations":{"it":114,"en":347},"pll_sync_post":{},"_links":{"self":[{"href":"https:\/\/www.censorpic.com\/staging\/wp-json\/wp\/v2\/pages\/114","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=114"}],"version-history":[{"count":31,"href":"https:\/\/www.censorpic.com\/staging\/wp-json\/wp\/v2\/pages\/114\/revisions"}],"predecessor-version":[{"id":727,"href":"https:\/\/www.censorpic.com\/staging\/wp-json\/wp\/v2\/pages\/114\/revisions\/727"}],"wp:attachment":[{"href":"https:\/\/www.censorpic.com\/staging\/wp-json\/wp\/v2\/media?parent=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}