https://changeimageshape.com/assets/Faq-DcqX2yr2.js

1import{l as e,S as f,F as y,P as x}from"./index-BOevWnMe.js";import{r as i}from"./vendor-2Sbf6FZG.js";const c=[{cat:"Getting Started",q:"How do I upload an image?",a:"Click the Upload button or drag-and-drop an image file directly onto the canvas. We support JPG, PNG, WebP, and GIF — supports files up to 25 MB per file."},{cat:"Getting Started",q:"Do I need an account?",a:"No. Change Image Shape works entirely in your browser with no signup required. Your work stays on your device."},{cat:"Getting Started",q:"Is Change Image Shape free?",a:"Yes, the full editor is free to use. There are no paid tiers or hidden features."},{cat:"Getting Started",q:"Which browsers are supported?",a:"The latest versions of Chrome, Firefox, Safari, and Edge — on desktop, tablet, and mobile."},{cat:"Privacy",q:"Where are my images stored?",a:"Nowhere except your own device. All processing happens in your browser via Canvas APIs. We never see, store, or transmit your images."},{cat:"Privacy",q:"Do you use analytics or tracking?",a:"No third-party tracking, no analytics scripts, no cookies — by design."},{cat:"Privacy",q:"Can I use Change Image Shape offline?",a:"Once the page is loaded, most features work without an internet connection. Fonts may degrade gracefully to system defaults."},{cat:"Shapes",q:"How many shapes are included?",a:"Over 50 shapes across 6 categories: Popular, Basic, Geometric, Stars, Symbols, and Organic."},{cat:"Shapes",q:"Can I generate random organic shapes?",a:'Yes. The Organic category includes preset shapes, and the editor has a "Random Shape" generator that creates unique organic shapes with a deterministic seed.'},{cat:"Shapes",q:"What filter presets are available?",a:"Six one-tap presets: Original, B&W, Sepia, Vintage, Cool, and Warm. Each applies a combination of CSS filters and stacks with your manual adjustments."},{cat:"Editing",q:"How many images can I load at once?",a:"Up to 5 images simultaneously. Each retains its own shape, adjustments, and effects."},{cat:"Editing",q:"Can I drag the image inside the mask?",a:"Yes — click and drag (or single-finger drag on touch). Use the Position controls for pixel-perfect placement."},{cat:"Editing",q:"How does canvas zoom work?",a:"Scroll/pinch zoom is contained to the canvas — it never zooms the whole page. Use the toolbar buttons or keyboard +/- for precise control."},{cat:"Editing",q:"Can I undo my changes?",a:"Use the Reset button to restore default adjustments. Multi-step undo is on the roadmap."},{cat:"Export",q:"Which export formats are supported?",a:"PNG (lossless with transparency), WebP (best compression), JPEG (smallest, no transparency), and SVG (vector mask)."},{cat:"Export",q:"How do I export at higher resolution?",a:"In the Export panel, set a custom Width and Height (up to 4000 px) or use a preset like HD (1920×1080) for larger output."},{cat:"Export",q:"Can I export all images at once?",a:'Yes — click "Export All as ZIP" to bundle every loaded image into a single archive.'},{cat:"Export",q:"How do I get a transparent background?",a:'In the Background panel, select "Transparent" and export as PNG, WebP, or SVG (JPEG does not support transparency).'},{cat:"Mobile",q:"Does Change Image Shape work on phones?",a:"Yes — the editor is fully responsive. On mobile, the controls appear in bottom-sheet modals with live preview thumbnails."},{cat:"Mobile",q:"Why does the modal cover my image on mobile?",a:"Drag the modal handle down to enter compact mode (25% height), revealing your canvas. A live preview thumbnail also remains visible in the modal at all times."},{cat:"Mobile",q:"Can I use my phone camera?",a:"Yes — tap upload and your browser will offer the camera as a source."},{cat:"Troubleshooting",q:"My image looks blurry — why?",a:"Very small source images upscale poorly. Try uploading at a higher resolution, or reduce the canvas zoom level."},{cat:"Troubleshooting",q:"The editor is slow with large images.",a:"For files over 5 MB or 4000×4000 px, downscale before uploading. The browser canvas has memory limits, especially on mobile."},{cat:"Troubleshooting",q:"My export looks different from the preview.",a:"Make sure the preview is fully rendered before exporting. Try refreshing if you suspect a caching issue."},{cat:"Resize & Compress",q:"How do I resize an image online for free?",a:"Open the Resize tool, drop in your image, and enter the exact Width and Height in pixels. Everything runs in your browser — no sign up, no watermark, and nothing is uploaded."},{cat:"Resize & Compress",q:"Can I resize an image in pixels?",a:"Yes. The Resize tool takes exact pixel dimensions. Keep the lock icon on to preserve the aspect ratio, or unlock it for custom width and height up to 8000 px."},{cat:"Resize & Compress",q:"How do I resize an image to a specific size in KB?",a:"Resize the pixel dimensions first, then open the C

1ompress tool and drag the quality slider until the live size estimate sits under your target — 20 KB, 50 KB, 100 KB, or 200 KB."},{cat:"Resize & Compress",q:"Can I resize an image without losing quality?",a:"Yes — scaling down keeps images sharp. Avoid enlarging small images, and use PNG or WebP for screenshots and graphics to prevent JPEG artifacts."},{cat:"Resize & Compress",q:"Do I need to sign up to resize or compress?",a:"No. Both tools are completely free with no account, no email, and no watermark. They even work offline once the page has loaded."},{cat:"Resize & Compress",q:"How do I compress an image to 50KB or 100KB?",a:"In the Compress tool, choose JPEG for the smallest files and lower the quality slider while watching the live size estimate. For very small targets, resize the image smaller first."},{cat:"Resize & Compress",q:"How do I compress an image without losing quality?",a:"Resize the dimensions down before compressing — fewer pixels means more quality per KB. WebP at quality 75–85 keeps photos looking clean at a fraction of the original size."},{cat:"Resize & Compress",q:"Which file formats can I compress?",a:"JPEG, WebP, and PNG. The tool does not compress PDF, SVG, or GIF files — it focuses on raster photo formats so quality control stays accurate."},{cat:"Shape Changer",q:"How to change picture shape online free?",a:"Upload your image to the editor and pick any shape mask from the panel — it applies instantly. Change picture shape to circle, heart, star, or hexagon for free, no signup needed, with nothing uploaded."},{cat:"Shape Changer",q:"How do I change the shape of an image?",a:"Open the editor, upload your photo, and pick a shape from the panel. The mask applies live — switch shapes as often as you like since the original image is never altered. Try it now — no signup needed."},{cat:"Shape Changer",q:"How to change the shape of a picture in a few clicks?",a:"Drag your picture into the editor, click any shape from the library, and the mask clips it instantly. Change the shape of a picture to circle, heart, star, triangle, or any of 50+ presets — all free, all in your browser."},{cat:"Shape Changer",q:"How do I change a photo shape to a circle?",a:"Upload your image in the editor — the Circle mask is selected by default. Drag to reposition, scale to zoom, and export as a transparent PNG so the circle floats on any background."},{cat:"Shape Changer",q:"Is the image shape changer free and online?",a:"Yes — it runs entirely online in your browser, free, with no sign up and no watermark. Your images are never uploaded to a server."},{cat:"Shape Changer",q:"Best online tool to change photo shape?",a:"Change Image Shape is the best free online tool to change photo shape — crop into circles, hearts, stars, hexagons, and custom SVG masks directly in your browser. No software installation, no uploads, 100% private."},{cat:"Platform Tutorials",q:"How to change image shape in Canva?",a:`In Canva, select your image, click "Crop" in the toolbar, then choose "Shapes" from the dropdown to apply a circle, heart, or triangle frame. For more shape options like stars, hexagons, and custom SVG masks, use Change Image Shape's free online editor — no Canva account needed.`},{cat:"Platform Tutorials",q:"How to change image shape in Photoshop?",a:"In Photoshop, use the Elliptical Tool (M) or Custom Shape Tool (U) to create a vector mask, then apply it as a clipping mask over your image layer. If you don't have Photoshop, Change Image Shape offers the same circle, heart, star, and hexagon crops online — free, with no software installation."},{cat:"Platform Tutorials",q:"How to change image shape in PowerPoint?",a:`In PowerPoint, select your image, go to the "Format" tab, click "Crop" dropdown, and choose "Crop to Shape" to pick from circles, rounded squares, triangles, and more. For shapes PowerPoint doesn't offer (stars, hexagons, diamonds), use Change Image Shape online and insert the result.`},{cat:"Platform Tutorials",q:"How to change image shape in Google Slides?",a:"In Google Slides, select your image, click the mask icon in the toolbar, and pick a shape from the dropdown. Google Slides supports circles, squares, and arrows. For heart, star, hexagon, or custom SVG masks, crop your image first in Change Image Shape's free editor."},{cat:"Platform Tutorials",q:"How to change image shape in Word?",a:'In Microsoft Word, click the image, go to the "Picture Format" tab, click "Crop" and choose "Crop to Shape" for circles, rounded rectangles, and basic shapes. For advanced shapes like hearts, stars, and hexagons with transparent backgrounds, crop first in Change Image Shape.'},{cat:"Platform Tutorials",q:"How to change image shape in Google Docs?",a:"Google Docs doesn't include a native shape crop tool. The workaround: crop your image to your desired shape in Change Image Shape's free online editor, download as a transparent PNG, then insert the result into your document."},{cat:"Platform Tutorials",q:"How to change image shape in Illustrator?",a:'In Adobe Illustrator, use the Clipping Mask feature — draw your shape with the Shape Tool, place your image on top, right-click and choose "Create Clipping Mask." For a faster no-software alternative, use Change Image Shape to apply circles, hearts, stars, hexagons, and custom SVG masks.'},{cat:"Platform Tutorials",q:"How to change image shape to circle in PowerPoint?",a:`Select your image in PowerPoint, go to the "Format" tab, click "Crop" > "Crop to Shape" > "Oval" to change your image into a circle. For the best quality circle crop with a transparent background, use Change Image Shape's online tool — it exports at up to 4000×4000 px.`},{cat:"Platform Tutorials",q:"How to change image shape in HTML?",a:"Use CSS clip-path: for a circle, use clip-path: circle(50%); for a heart or star, use an SVG clipPath element with the path data. Change Image Shape can export your image with any shape already applied as a transparent PNG or SVG — just embed the result."}],w=["All","Getting Started","Privacy","Shapes","Shape Changer","Editing","Export","Resize & Compress","Mobile","Troubleshooting"];function S(){const[n,m]=i.useState(""),[s,g]=i.useState("All"),[l,h]=i.useState(0),[r,u]=i.useState(!1),p=i.useMemo(()=>c.filter(a=>{if(s!=="All"&&a.cat!==s)return!1;if(n){const t=n.toLowerCase();return a.q.toLowerCase().includes(t)||a.a.toLowerCase().includes(t)}return!0}),[n,s]);return i.useEffect(()=>{if(!document.getElementById("faq-schema")){const o=document.createElement("script");o.id="faq-schema",o.type="application/ld+json",o.textContent=JSON.stringify({"@context":"https://schema.org","@type":"FAQPage",mainEntity:c.map(d=>

1({"@type":"Question",name:d.q,acceptedAnswer:{"@type":"Answer",text:d.a}}))}),document.head.appendChild(o)}if(!document.getElementById("faq-breadcrumb-schema")){const o=document.createElement("script");o.id="faq-breadcrumb-schema",o.type="application/ld+json",o.textContent=JSON.stringify({"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Home",item:"https://changeimageshape.com/"},{"@type":"ListItem",position:2,name:"FAQ",item:"https://changeimageshape.com/faq/"}]}),document.head.appendChild(o)}},[]),e.jsx("main",{children:e.jsx("section",{className:"page-section",children:e.jsxs("div",{className:"container",style:{maxWidth:860},children:[e.jsxs("div",{style:{marginBottom:40},children:[e.jsx("div",{className:"eyebrow",style:{marginBottom:12},children:"FAQ"}),e.jsx("h1",{className:"display-lg",style:{marginBottom:16},children:"Frequently Asked Questions"}),e.jsxs("p",{className:"text-muted",style:{fontSize:17,lineHeight:1.6},children:[c.length," answers covering image shape masking, resizing, compressing, privacy, and export options."]})]}),e.jsxs("div",{style:{display:"flex",gap:8,marginBottom:24},children:[e.jsxs("div",{style:{position:"relative",flex:1,maxWidth:400},children:[e.jsx("span",{style:{position:"absolute",left:12,top:"50%",transform:"translateY(-50%)",color:"var(--color-text-muted)",display:"flex"},children:e.jsx(f,{size:15})}),e.jsx("input",{type:"text",placeholder:"Search questions...",value:n,onChange:a=>{const t=a.target.value.slice(0,200);m(t),h(null)},className:"input-base",style:{paddingLeft:36,height:40,fontSize:14},maxLength:200,"aria-label":"Search FAQ"})]}),e.jsx("button",{onClick:()=>u(!r),className:`faq-filter-toggle ${r?"active":""}`,"aria-label":"Toggle filters",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:40,height:40,border:"1px solid var(--color-border)",borderRadius:10,background:r?"var(--color-accent)":"var(--color-bg-elevated)",color:r?"#fff":"var(--color-text-muted)",cursor:"pointer",transition:"background 150ms, color 150ms"},children:e.jsx(y,{size:16})})]}),e.jsx("div",{style:{display:"grid",gridTemplateRows:r?"1fr":"0fr",transition:"grid-template-rows 300ms",marginBottom:16},children:e.jsx("div",{style:{overflow:"hidden"},children:e.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:6,paddingTop:r?4:0},children:w.map(a=>e.jsx("button",{onClick:()=>g(a),style:{padding:"6px 14px",borderRadius:20,fontSize:13,border:"1px solid var(--color-border)",background:s===a?"var(--color-accent)":"var(--color-bg-elevated)",color:s===a?"#fff":"var(--color-text-muted)",cursor:"pointer",fontWeight:s===a?600:400},children:a},a))})})}),p.length===0?e.jsx("p",{style:{textAlign:"center",padding:40,color:"var(--color-text-muted)"},children:"No questions match your search."}):e.jsx("div",{className:"faq-list",children:p.map((a,t)=>e.jsxs("div",{className:`faq-item ${l===t?"open":""}`,children:[e.jsxs("button",{className:"faq-q",onClick:()=>h(l===t?null:t),"aria-expanded":l===t,children:[e.jsx("span",{children:a.q}),e.jsx(x,{size:18,className:"faq-icon"})]}),e.jsx("div",{className:"faq-a",children:a.a})]},`${a.q}-${t}`))}),e.jsxs("div",{style:{marginTop:56,padding:"40px 32px",background:"var(--color-bg-elevated)",border:"1px solid var(--color-border)",borderRadius:16,textAlign:"center"},children:[e.jsx("h2",{style:{fontSize:22,marginBottom:8},children:"Ready to try it?"}),e.jsx("p",{className:"text-muted",style:{fontSize:15,marginBottom:24},children:"Open the editor, pick a shape, and export in seconds — no sign up needed."}),e.jsxs("div",{style:{display:"flex",flexWrap:"wrap",gap:12,justifyContent:"center"},children:[e.jsx("a",{href:"/editor/",className:"btn btn-primary",children:"Open Shape Editor"}),e.jsx("a",{href:"/tools/",className:"btn btn-secondary",children:"Explore All Tools"}),e.jsx("a",{href:"/shapes/circle/",className:"btn btn-secondary",children:"Circle Shape Mask"})]})]})]})})})}export{S as FaqPage};