[{"data":1,"prerenderedAt":75},["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,"seo":71,"stem":72,"updated":73,"__hash__":74},"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",{"title":5,"description":64},"help\u002Fdesign-elements-and-tools\u002Fimage-cover-mode","2026-06-15","6l0ZSkQo8ET8KoydNQsKbvJ71SrPMjaIDi19FgQetk8",1787923688864]