{"id":347,"date":"2026-05-15T18:31:39","date_gmt":"2026-05-15T18:31:39","guid":{"rendered":"https:\/\/www.censorpic.com\/staging\/?page_id=347"},"modified":"2026-08-08T15:51:46","modified_gmt":"2026-08-08T13:51:46","slug":"crop-images-online-free","status":"publish","type":"page","link":"https:\/\/www.censorpic.com\/staging\/crop-images-online-free\/","title":{"rendered":"Crop Images"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"347\" class=\"elementor elementor-347\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-028a8fb e-con-full e-flex e-con e-parent\" data-id=\"028a8fb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0cae834 elementor-widget elementor-widget-html\" data-id=\"0cae834\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     CENSORPIC \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:16ch;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\">Image cropper &nbsp;\/&nbsp; runs in your browser &nbsp;\/&nbsp; free<\/p>\n\n      <h1 class=\"cp-h1 cp-fade cp-fade--2\">\n        Crop a photo to the\n        <span class=\"cp-crop\">right shape<\/span>\n      <\/h1>\n\n      <p class=\"cp-sub cp-fade cp-fade--3\">\n        Six ready ratios for Instagram, Stories, YouTube and Facebook, or drag a free\n        selection of any shape. Rotate, zoom, download. Nothing is uploaded anywhere.\n      <\/p>\n\n      <dl class=\"cp-spec cp-fade cp-fade--4\">\n        <div><dt>Presets<\/dt><dd>6 <small>+ free crop<\/small><\/dd><\/div>\n        <div><dt>Rotation<\/dt><dd>90<small>\u00b0 L \/ R<\/small><\/dd><\/div>\n        <div><dt>Zoom<\/dt><dd>0.1\u20133<small>\u00d7<\/small><\/dd><\/div>\n        <div><dt>Max file<\/dt><dd>12 <small>MB<\/small><\/dd><\/div>\n        <div><dt>Uploads<\/dt><dd>None<\/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> Cropper <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>Six social presets, plus free crop with no ratio constraint<\/li>\n        <li>Rotate 90\u00b0 left or right before you cut<\/li>\n        <li>Zoom from 0.1\u00d7 to 3\u00d7 to frame the exact area<\/li>\n        <li>Reset everything with one click<\/li>\n        <li>Touch and drag on phones and tablets<\/li>\n        <li>Accepts JPG, PNG, GIF and WebP up to 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>Instagram feed<\/li><li>Stories and Reels<\/li><li>YouTube thumbnails<\/li><li>Profile pictures<\/li>\n          <li>Product shots<\/li><li>Link previews<\/li><li>Slide backgrounds<\/li><li>Email headers<\/li>\n          <li>Straightening horizons<\/li><li>Cutting out bystanders<\/li><li>Passport-style headshots<\/li><li>Anything framed badly<\/li>\n        <\/ul>\n        <ul aria-hidden=\"true\">\n          <li>Instagram feed<\/li><li>Stories and Reels<\/li><li>YouTube thumbnails<\/li><li>Profile pictures<\/li>\n          <li>Product shots<\/li><li>Link previews<\/li><li>Slide backgrounds<\/li><li>Email headers<\/li>\n          <li>Straightening horizons<\/li><li>Cutting out bystanders<\/li><li>Passport-style headshots<\/li><li>Anything framed badly<\/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>Ratios<\/span><i><\/i><\/div>\n        <h2 class=\"cp-h2 cp-rise\" style=\"max-width:20ch;margin-bottom:.9rem\">Six shapes, drawn to scale<\/h2>\n        <p class=\"cp-sub cp-rise\" style=\"margin-bottom:clamp(1.5rem,3vw,2rem)\">\n          Each preset below is shown at its real proportion, so you can see what you are\n          choosing before you touch the image.\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\">Square<\/p><p class=\"dsc\">Instagram feed<br>Profile pictures<\/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\">Portrait<\/p><p class=\"dsc\">Instagram feed<br>Takes more screen<\/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\">Vertical<\/p><p class=\"dsc\">Stories \u00b7 Reels<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\">Widescreen<\/p><p class=\"dsc\">YouTube<br>Slides \u00b7 Banners<\/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\">Link preview<\/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\">FREE<\/div><\/div>\n            <p class=\"nm\">No constraint<\/p><p class=\"dsc\">Any rectangle<br>You decide<\/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>Where each one goes<\/span><i><\/i><\/div>\n        <h2 class=\"cp-h2 cp-rise\" style=\"max-width:24ch;margin-bottom:.9rem\">Pick by destination<\/h2>\n        <p class=\"cp-sub cp-rise\" style=\"margin-bottom:clamp(1.5rem,3vw,2rem)\">\n          Upload the wrong shape and the platform crops it for you \u2014 usually through\n          someone's forehead. Choose the ratio first.\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>ratio \u00b7 destination \u00b7 typical pixels<\/em><\/div>\n          <div class=\"cp-scroll\">\n            <table class=\"cp-tbl\">\n              <thead>\n                <tr><th>Ratio<\/th><th>Where it goes<\/th><th>Typical size<\/th><th>Worth knowing<\/th><\/tr>\n              <\/thead>\n              <tbody>\n                <tr><td class=\"ar\">1:1<\/td><td>Instagram feed, avatars, product grids<\/td><td class=\"px\">1080 \u00d7 1080<\/td><td>The safest shape \u2014 nothing gets cut anywhere<\/td><\/tr>\n                <tr><td class=\"ar\">4:5<\/td><td>Instagram portrait post<\/td><td class=\"px\">1080 \u00d7 1350<\/td><td>The tallest the feed allows; fills more screen<\/td><\/tr>\n                <tr><td class=\"ar\">9:16<\/td><td>Stories, Reels, TikTok, Shorts<\/td><td class=\"px\">1080 \u00d7 1920<\/td><td>Keep faces and text away from the top and bottom edges<\/td><\/tr>\n                <tr><td class=\"ar\">16:9<\/td><td>YouTube thumbnails, slides, banners<\/td><td class=\"px\">1280 \u00d7 720<\/td><td>The standard for anything widescreen<\/td><\/tr>\n                <tr><td class=\"ar\">1.91:1<\/td><td>Facebook and LinkedIn link previews<\/td><td class=\"px\">1200 \u00d7 630<\/td><td>Also the Open Graph image every site needs<\/td><\/tr>\n                <tr><td class=\"ar\">Free<\/td><td>Documents, scans, anything unusual<\/td><td class=\"px\">Your call<\/td><td>Use it when the content decides the shape, not the platform<\/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 crop decides what the picture is about\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 \/ Output size<\/p><\/div>\n            <div>\n              <h3 class=\"cp-h3\">Cropping is not resizing<\/h3>\n              <p class=\"cp-p\">This is the one that catches people out. The file you download has the pixel\n                dimensions of the area you selected on the original \u2014 nothing is scaled. Cut a 1080 \u00d7 1080\n                region out of a high-resolution photo and you get a 1080 \u00d7 1080 file. Cut the same square\n                out of a small image and you get a small file.<\/p>\n              <p class=\"cp-p\">So crop first to fix the shape, then use the\n                <a class=\"cp-link\" href=\"https:\/\/www.censorpic.com\/staging\/resize-image-online-free\/\">resizer<\/a>\n                to land on the exact pixel count you need. In that order \u2014 the reverse throws away detail\n                you were about to keep.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"cp-ed\">\n            <div><p class=\"cp-ed-i\">02 \/ Composition<\/p><\/div>\n            <div>\n              <h3 class=\"cp-h3\">Where to put the subject<\/h3>\n              <p class=\"cp-p\">The oldest rule still works: place the subject roughly a third of the way in\n                rather than dead centre, and give a face room to look into. A portrait cropped tight against\n                the edge it is facing feels cramped in a way most people notice without being able to say why.<\/p>\n              <p class=\"cp-p\">Leave a little headroom, but not much. Empty space above a head is the most\n                common wasted area in an amateur crop, and it is free to remove.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"cp-ed\">\n            <div><p class=\"cp-ed-i\">03 \/ Rotation<\/p><\/div>\n            <div>\n              <h3 class=\"cp-h3\">Straighten before you cut<\/h3>\n              <p class=\"cp-p\">Rotate first, crop second. Turning the image after you have framed it changes\n                what falls inside the selection, and you end up doing the work twice. The 90\u00b0 buttons handle\n                photos that came out of the camera on their side.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"cp-ed\">\n            <div><p class=\"cp-ed-i\">04 \/ Limits<\/p><\/div>\n            <div>\n              <h3 class=\"cp-h3\">A crop cannot invent pixels<\/h3>\n              <p class=\"cp-p\">Cutting a small region out of an already-small image leaves you with very few\n                pixels, and enlarging afterwards only makes them softer. If the result needs to be large,\n                start from the highest-resolution original you have rather than trying to rescue the crop.<\/p>\n              <p class=\"cp-p\">Zoom in the tool changes what you see while framing \u2014 it does not change the\n                resolution of what you export.<\/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\/resize-image-online-free\/\"><span>Resize images<\/span><span class=\"ln\"><\/span><span class=\"tag\">Exact pixels<\/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 crop 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. Pick a ratio\n              preset or free crop, drag the selection over the area you want, then click Download. The file\n              is saved straight to your device.<\/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. Cropping happens entirely in your browser through the HTML5 Canvas API.\n              Your images stay on your device from start to finish, so private photos and business documents\n              can be cropped without them going anywhere.<\/div>\n          <\/details>\n          <details>\n            <summary data-n=\"03\">Which ratios are available?<\/summary>\n            <div class=\"cp-faq-a\">Six presets \u2014 1:1 for the Instagram feed, 4:5 for portrait posts, 9:16 for\n              Stories and Reels, 16:9 for YouTube and slides, 1.91:1 for link previews \u2014 plus a free crop\n              with no constraint. You can switch between them at any time without reloading the image.<\/div>\n          <\/details>\n          <details>\n            <summary data-n=\"04\">Can I rotate the image before cropping?<\/summary>\n            <div class=\"cp-faq-a\">Yes. Two buttons in the toolbar turn the image 90\u00b0 to the left or right, as\n              many times as you need. Rotate before you set the selection \u2014 turning it afterwards changes\n              what falls inside the frame.<\/div>\n          <\/details>\n          <details>\n            <summary data-n=\"05\">What size is the downloaded file?<\/summary>\n            <div class=\"cp-faq-a\">Exactly the pixel dimensions of the region you selected on the original.\n              Nothing is scaled during the crop. If you also need a specific pixel size, crop here first and\n              then use the resizer.<\/div>\n          <\/details>\n          <details>\n            <summary data-n=\"06\">Does it work on a phone?<\/summary>\n            <div class=\"cp-faq-a\">Yes, on iPhone and Android. Load an image from the gallery, drag the\n              selection with your finger, and download the result straight to your device.<\/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\">Cut it down to what matters<\/h2>\n        <div class=\"cp-btnrow cp-rise\" style=\"justify-content:center\">\n          <a class=\"cp-btn\" href=\"#tool\">Open the cropper<\/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 Cropper\",\"applicationCategory\":\"MultimediaApplication\",\"operatingSystem\":\"Web browser\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/www.censorpic.com\/staging\/crop-images-online-free\/\",\"description\":\"Free online image cropper. Six social media ratio presets plus free crop, 90 degree rotation and zoom, running entirely in your browser with no upload.\",\"offers\":{\"@type\":\"Offer\",\"price\":\"0\",\"priceCurrency\":\"EUR\"},\"featureList\":[\"Presets 1:1, 4:5, 9:16, 16:9 and 1.91:1\",\"Free crop with no ratio constraint\",\"Rotate 90 degrees left or right\",\"Zoom from 0.1x to 3x\",\"One click reset\",\"JPG, PNG, GIF and WebP up to 12 MB\",\"Runs entirely in the browser\",\"No registration\"]},\n{\"@type\":\"FAQPage\",\"inLanguage\":\"en-GB\",\"mainEntity\":[\n{\"@type\":\"Question\",\"name\":\"How do I crop an image online for free?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Drop your photo into the tool or click to browse for it. Pick a ratio preset or free crop, drag the selection over the area you want, then click Download. The file is saved straight to your device.\"}},\n{\"@type\":\"Question\",\"name\":\"Are my images uploaded to a server?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No. Cropping happens entirely in your browser through the HTML5 Canvas API. Your images stay on your device from start to finish, so private photos and business documents can be cropped without them going anywhere.\"}},\n{\"@type\":\"Question\",\"name\":\"Which ratios are available?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Six presets: 1:1 for the Instagram feed, 4:5 for portrait posts, 9:16 for Stories and Reels, 16:9 for YouTube and slides, 1.91:1 for link previews, plus a free crop with no constraint. You can switch between them at any time without reloading the image.\"}},\n{\"@type\":\"Question\",\"name\":\"Can I rotate the image before cropping?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Two buttons in the toolbar turn the image 90 degrees to the left or right, as many times as you need. Rotate before you set the selection, because turning it afterwards changes what falls inside the frame.\"}},\n{\"@type\":\"Question\",\"name\":\"What size is the downloaded file?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Exactly the pixel dimensions of the region you selected on the original. Nothing is scaled during the crop. If you also need a specific pixel size, crop first and then use the resizer.\"}},\n{\"@type\":\"Question\",\"name\":\"Does it work on a phone?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, on iPhone and Android. Load an image from the gallery, drag the selection with your finger, and download the result straight to your device.\"}}]}\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-f404cae e-flex e-con-boxed e-con e-parent\" data-id=\"f404cae\" 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-a44fc90 elementor-widget elementor-widget-shortcode\" data-id=\"a44fc90\" 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 cropper &nbsp;\/&nbsp; runs in your browser &nbsp;\/&nbsp; free Crop a photo to the right shape Six ready ratios for Instagram, Stories, YouTube and Facebook, or drag a free selection of any shape. Rotate, zoom, download. Nothing is uploaded anywhere. Presets 6 + free crop Rotation 90\u00b0 L \/ R Zoom 0.1\u20133\u00d7 Max file 12 [&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-347","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>Crop Image Online Free | Resize &amp; Cut Photos - CensorPic<\/title>\n<meta name=\"description\" content=\"Crop images online for free with CensorPic. Cut photos, choose social media presets, rotate, zoom and export in JPG, PNG or WebP directly from 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\/crop-images-online-free\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Crop Image Online Free | Resize &amp; Cut Photos - CensorPic\" \/>\n<meta property=\"og:description\" content=\"Crop images online for free with CensorPic. Cut photos, choose social media presets, rotate, zoom and export in JPG, PNG or WebP directly from your browser.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.censorpic.com\/staging\/crop-images-online-free\/\" \/>\n<meta property=\"og:site_name\" content=\"CensorPic\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-08T13:51:46+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\\\/crop-images-online-free\\\/\",\"url\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/crop-images-online-free\\\/\",\"name\":\"Crop Image Online Free | Resize & Cut Photos - CensorPic\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/#website\"},\"datePublished\":\"2026-05-15T18:31:39+00:00\",\"dateModified\":\"2026-08-08T13:51:46+00:00\",\"description\":\"Crop images online for free with CensorPic. Cut photos, choose social media presets, rotate, zoom and export in JPG, PNG or WebP directly from your browser.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/crop-images-online-free\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/crop-images-online-free\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/crop-images-online-free\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.censorpic.com\\\/staging\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Crop Images\"}]},{\"@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":"Crop Image Online Free | Resize & Cut Photos - CensorPic","description":"Crop images online for free with CensorPic. Cut photos, choose social media presets, rotate, zoom and export in JPG, PNG or WebP directly from 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\/crop-images-online-free\/","og_locale":"it_IT","og_type":"article","og_title":"Crop Image Online Free | Resize & Cut Photos - CensorPic","og_description":"Crop images online for free with CensorPic. Cut photos, choose social media presets, rotate, zoom and export in JPG, PNG or WebP directly from your browser.","og_url":"https:\/\/www.censorpic.com\/staging\/crop-images-online-free\/","og_site_name":"CensorPic","article_modified_time":"2026-08-08T13:51:46+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\/crop-images-online-free\/","url":"https:\/\/www.censorpic.com\/staging\/crop-images-online-free\/","name":"Crop Image Online Free | Resize & Cut Photos - CensorPic","isPartOf":{"@id":"https:\/\/www.censorpic.com\/staging\/#website"},"datePublished":"2026-05-15T18:31:39+00:00","dateModified":"2026-08-08T13:51:46+00:00","description":"Crop images online for free with CensorPic. Cut photos, choose social media presets, rotate, zoom and export in JPG, PNG or WebP directly from your browser.","breadcrumb":{"@id":"https:\/\/www.censorpic.com\/staging\/crop-images-online-free\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.censorpic.com\/staging\/crop-images-online-free\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.censorpic.com\/staging\/crop-images-online-free\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.censorpic.com\/staging\/"},{"@type":"ListItem","position":2,"name":"Crop Images"}]},{"@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":347,"it":114},"pll_sync_post":{},"_links":{"self":[{"href":"https:\/\/www.censorpic.com\/staging\/wp-json\/wp\/v2\/pages\/347","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=347"}],"version-history":[{"count":14,"href":"https:\/\/www.censorpic.com\/staging\/wp-json\/wp\/v2\/pages\/347\/revisions"}],"predecessor-version":[{"id":724,"href":"https:\/\/www.censorpic.com\/staging\/wp-json\/wp\/v2\/pages\/347\/revisions\/724"}],"wp:attachment":[{"href":"https:\/\/www.censorpic.com\/staging\/wp-json\/wp\/v2\/media?parent=347"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}