[{"data":1,"prerenderedAt":76},["ShallowReactive",2],{"help-article-\u002Fhelp\u002Fdesign-elements-and-tools\u002Fimage-cover-mode":3},{"id":4,"title":5,"body":6,"category":63,"description":64,"extension":65,"keywords":66,"meta":67,"navigation":68,"order":69,"path":70,"rawbody":71,"seo":72,"stem":73,"updated":74,"__hash__":75},"help\u002Fhelp\u002Fdesign-elements-and-tools\u002Fimage-cover-mode.md","Images: Cover mode (property)",{"type":7,"value":8,"toc":60},"minimark",[9,18,40,47,55],[10,11,12,13,17],"p",{},"Cover mode controls how an image fills its box when its proportions do not match the box. Set it in the ",[14,15,16],"strong",{},"Property Panel"," for a selected image. There are three options:",[19,20,21,28,34],"ul",{},[22,23,24,27],"li",{},[14,25,26],{},"Cover",": the image fills the whole box, cropping whatever does not fit. Nothing is distorted, but the edges may be cut off.",[22,29,30,33],{},[14,31,32],{},"Contain",": the image fits entirely inside the box, so the whole image stays visible. Empty space is left wherever the proportions do not match.",[22,35,36,39],{},[14,37,38],{},"Stretch",": the image is stretched to fill the box exactly, which can distort it if its proportions differ from the box.",[10,41,42],{},[43,44],"img",{"alt":45,"src":46},"","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F68114fd1-c3db-45d2-a17f-5acc65ef4400\u002Fmax",[10,48,49,51,52,54],{},[14,50,26],{}," is the usual choice for photos that should always fill a frame, no matter what your users upload. ",[14,53,32],{}," is almost always the right choice for logos, so they are never cropped or distorted.",[10,56,57],{},[43,58],{"alt":45,"src":59},"https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F1cdfedf8-f9fa-4907-0578-51012a1bbf00\u002Fmax",{"title":45,"searchDepth":61,"depth":61,"links":62},2,[],"design-elements-and-tools","Control how an image fills its box so uploads of any size always sit right.","md",[],{},true,80,"\u002Fhelp\u002Fdesign-elements-and-tools\u002Fimage-cover-mode","---\ntitle: \"Images: Cover mode (property)\"\ndescription: \"Control how an image fills its box so uploads of any size always sit right.\"\ncategory: design-elements-and-tools\norder: 80\nkeywords: []\n---\nCover mode controls how an image fills its box when its proportions do not match the box. Set it in the **Property Panel** for a selected image. There are three options:\n\n- **Cover**: the image fills the whole box, cropping whatever does not fit. Nothing is distorted, but the edges may be cut off.\n- **Contain**: the image fits entirely inside the box, so the whole image stays visible. Empty space is left wherever the proportions do not match.\n- **Stretch**: the image is stretched to fill the box exactly, which can distort it if its proportions differ from the box.\n\n![](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F68114fd1-c3db-45d2-a17f-5acc65ef4400\u002Fmax)\n\n**Cover** is the usual choice for photos that should always fill a frame, no matter what your users upload. **Contain** is almost always the right choice for logos, so they are never cropped or distorted.\n\n![](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F1cdfedf8-f9fa-4907-0578-51012a1bbf00\u002Fmax)",{"title":5,"description":64},"help\u002Fdesign-elements-and-tools\u002Fimage-cover-mode","2026-06-15","_704Rrhy__cc0018cEMkodLBEx6VldF2mkvFto-bpfc",1789292811126]