[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"docs-navigation-en":3,"docs-en-editor/media":172},[4,22,60,90,104,130,152,157,162,167],{"path":5,"slug":6,"title":7,"icon":8,"children":9},"/en/docs/getting-started","getting-started","Getting Started","rocket",[10,14,18],{"path":11,"slug":12,"title":13},"/en/docs/getting-started/installation","getting-started/installation","Installation",{"path":15,"slug":16,"title":17},"/en/docs/getting-started/quick-start","getting-started/quick-start","Quick Start",{"path":19,"slug":20,"title":21},"/en/docs/getting-started/interface","getting-started/interface","Interface",{"path":23,"slug":24,"title":25,"icon":26,"children":27},"/en/docs/editor","editor","Editor","pen",[28,32,36,40,44,48,52,56],{"path":29,"slug":30,"title":31},"/en/docs/editor/formatting","editor/formatting","Formatting",{"path":33,"slug":34,"title":35},"/en/docs/editor/blocks","editor/blocks","Content blocks",{"path":37,"slug":38,"title":39},"/en/docs/editor/media","editor/media","Images",{"path":41,"slug":42,"title":43},"/en/docs/editor/folders","editor/folders","Folders and notebooks",{"path":45,"slug":46,"title":47},"/en/docs/editor/templates","editor/templates","Templates",{"path":49,"slug":50,"title":51},"/en/docs/editor/export","editor/export","Export",{"path":53,"slug":54,"title":55},"/en/docs/editor/search","editor/search","Search",{"path":57,"slug":58,"title":59},"/en/docs/editor/shortcuts","editor/shortcuts","Keyboard shortcuts",{"path":61,"slug":62,"title":63,"icon":64,"children":65},"/en/docs/ai","ai","AI Assistant","sparkles",[66,70,74,78,82,86],{"path":67,"slug":68,"title":69},"/en/docs/ai/chat","ai/chat","AI Chat",{"path":71,"slug":72,"title":73},"/en/docs/ai/assistant","ai/assistant","Editor Assistant",{"path":75,"slug":76,"title":77},"/en/docs/ai/models","ai/models","Models",{"path":79,"slug":80,"title":81},"/en/docs/ai/web-search","ai/web-search","Web Search",{"path":83,"slug":84,"title":85},"/en/docs/ai/images","ai/images","Image Generation",{"path":87,"slug":88,"title":89},"/en/docs/ai/tips","ai/tips","Prompt Tips",{"path":91,"slug":92,"title":93,"icon":94,"children":95},"/en/docs/collaboration","collaboration","Collaboration","users",[96,100],{"path":97,"slug":98,"title":99},"/en/docs/collaboration/realtime","collaboration/realtime","Real-Time",{"path":101,"slug":102,"title":103},"/en/docs/collaboration/sharing","collaboration/sharing","Working Together",{"path":105,"slug":106,"title":107,"icon":108,"children":109},"/en/docs/platform","platform","Platform","monitor-smartphone",[110,114,118,122,126],{"path":111,"slug":112,"title":113},"/en/docs/platform/web","platform/web","Web version",{"path":115,"slug":116,"title":117},"/en/docs/platform/desktop","platform/desktop","Desktop",{"path":119,"slug":120,"title":121},"/en/docs/platform/mobile","platform/mobile","Mobile app",{"path":123,"slug":124,"title":125},"/en/docs/platform/browser-extension","platform/browser-extension","Browser extension",{"path":127,"slug":128,"title":129},"/en/docs/platform/offline","platform/offline","Offline mode",{"path":131,"slug":132,"title":133,"icon":134,"children":135},"/en/docs/billing","billing","Pricing and Billing","credit-card",[136,140,144,148],{"path":137,"slug":138,"title":139},"/en/docs/billing/plans","billing/plans","Plans",{"path":141,"slug":142,"title":143},"/en/docs/billing/livecoins","billing/livecoins","LiveCoins",{"path":145,"slug":146,"title":147},"/en/docs/billing/payments","billing/payments","Payments",{"path":149,"slug":150,"title":151},"/en/docs/billing/referral","billing/referral","Referral Program",{"path":153,"slug":154,"title":155,"icon":156},"/en/docs/integrations","integrations","Integrations","plug",{"path":158,"slug":159,"title":160,"icon":161},"/en/docs/security","security","Security","shield",{"path":163,"slug":164,"title":165,"icon":166},"/en/docs/faq","faq","FAQ","circle-help",{"path":168,"slug":169,"title":170,"icon":171},"/en/docs/roadmap","roadmap","Roadmap","map",{"data":173},{"id":174,"document_id":175,"collection":176,"slug":38,"locale":177,"status":178,"title":179,"description":180,"frontmatter":181,"blocks":182,"first_published_at":183,"published_at":183,"expire_at":184,"created_at":185,"updated_at":183,"deleted_at":184,"body_source":186,"body_ast":187,"ast_version":380,"body_format":381,"nav":382,"search":384},"79aeb0c6-5423-4330-83a0-8778cb6a5cd0","36d912b5-3f8a-40e3-ac18-7aad5d2b4471","doc","en","published","Images and media in LiveAI","How to add images in the LiveAI editor — inserting, resizing, alignment, and text wrapping",{"title":179,"description":180},[],"2026-08-25T17:32:54.489Z",null,"2026-08-25T17:32:54.385Z","---\ntitle: \"Images and media in LiveAI\"\ndescription: \"How to add images in the LiveAI editor — inserting, resizing, alignment, and text wrapping\"\nnavigation:\n  title: \"Images\"\n---\n\n# Images and media\n\nText is great. Text with images is even better. Add images to your document by dragging and dropping, pasting from clipboard, or inserting by URL.\n\n## How to add an image\n\nThree ways — pick whichever is most convenient:\n\n::tabs\n::tab{label=\"Drag and drop\"}\nSimply drag an image file from your file explorer (or desktop) straight into the editor. The image will be placed exactly where you drop it.\n::\n\n::tab{label=\"Clipboard\"}\nCopy an image in any application (or take a screenshot) and paste it into the editor with `Ctrl+V`. This is the fastest method — it even works with screenshots.\n::\n\n::tab{label=\"By URL\"}\nIf an image is already hosted online, paste its URL. The editor will pull the image in automatically.\n::\n::\n\n## Adjusting images\n\nAfter inserting an image, click on it to bring up the settings menu:\n\n### Size\n\nDrag a corner of the image to resize it. Proportions are preserved automatically. You can also set an exact width and height in pixels through the menu.\n\n### Alignment\n\n| Alignment | Description |\n|-----------|------------|\n| **Left** | Image aligned to the left |\n| **Center** | Image centered on the page |\n| **Right** | Image aligned to the right |\n\n### Text wrapping\n\nWant text to flow around the image — like in a magazine? Enable wrapping:\n\n- **Wrap left** — image on the left, text on the right\n- **Wrap right** — image on the right, text on the left\n- **No wrapping** — image on its own line\n\n### Alt text\n\nAdd a description for the image — it will be displayed if the image fails to load. Useful for accessibility and SEO if you publish your documents.\n\n::callout{type=\"tip\" title=\"Screenshots are your friends\"}\nTook a screenshot? Press `Ctrl+V` in the editor — and it's instantly in place. No need to save it as a file first.\n::\n\n## Supported formats\n\nLiveAI supports all popular image formats: PNG, JPG, GIF, SVG, WebP. Images are embedded directly in the document, so they are available even offline.\n\n---\n\n[Next: Folders and notebooks →](/docs/editor/folders)\n",{"toc":188,"type":215,"value":216},{"depth":189,"links":190,"title":214,"searchDepth":189},3,[191,195,211],{"id":192,"text":193,"depth":194},"how-to-add-an-image","How to add an image",2,{"id":196,"text":197,"depth":194,"children":198},"adjusting-images","Adjusting images",[199,202,205,208],{"id":200,"text":201,"depth":189},"size","Size",{"id":203,"text":204,"depth":189},"alignment","Alignment",{"id":206,"text":207,"depth":189},"text-wrapping","Text wrapping",{"id":209,"text":210,"depth":189},"alt-text","Alt text",{"id":212,"text":213,"depth":194},"supported-formats","Supported formats","","minimark",[217,222,226,229,232,259,261,264,267,270,272,322,324,327,349,351,354,365,367,370,373],[218,219,221],"h1",{"id":220},"images-and-media","Images and media",[223,224,225],"p",{},"Text is great. Text with images is even better. Add images to your document by dragging and dropping, pasting from clipboard, or inserting by URL.",[227,228,193],"h2",{"id":192},[223,230,231],{},"Three ways — pick whichever is most convenient:",[233,234,235,242,253],"tabs",{},[236,237,239],"tab",{"label":238},"Drag and drop",[223,240,241],{},"Simply drag an image file from your file explorer (or desktop) straight into the editor. The image will be placed exactly where you drop it.",[236,243,245],{"label":244},"Clipboard",[223,246,247,248,252],{},"Copy an image in any application (or take a screenshot) and paste it into the editor with ",[249,250,251],"code",{},"Ctrl+V",". This is the fastest method — it even works with screenshots.",[236,254,256],{"label":255},"By URL",[223,257,258],{},"If an image is already hosted online, paste its URL. The editor will pull the image in automatically.",[227,260,197],{"id":196},[223,262,263],{},"After inserting an image, click on it to bring up the settings menu:",[265,266,201],"h3",{"id":200},[223,268,269],{},"Drag a corner of the image to resize it. Proportions are preserved automatically. You can also set an exact width and height in pixels through the menu.",[265,271,204],{"id":203},[273,274,275,287],"table",{},[276,277,278],"thead",{},[279,280,281,284],"tr",{},[282,283,204],"th",{},[282,285,286],{},"Description",[288,289,290,302,312],"tbody",{},[279,291,292,299],{},[293,294,295],"td",{},[296,297,298],"strong",{},"Left",[293,300,301],{},"Image aligned to the left",[279,303,304,309],{},[293,305,306],{},[296,307,308],{},"Center",[293,310,311],{},"Image centered on the page",[279,313,314,319],{},[293,315,316],{},[296,317,318],{},"Right",[293,320,321],{},"Image aligned to the right",[265,323,207],{"id":206},[223,325,326],{},"Want text to flow around the image — like in a magazine? Enable wrapping:",[328,329,330,337,343],"ul",{},[331,332,333,336],"li",{},[296,334,335],{},"Wrap left"," — image on the left, text on the right",[331,338,339,342],{},[296,340,341],{},"Wrap right"," — image on the right, text on the left",[331,344,345,348],{},[296,346,347],{},"No wrapping"," — image on its own line",[265,350,210],{"id":209},[223,352,353],{},"Add a description for the image — it will be displayed if the image fails to load. Useful for accessibility and SEO if you publish your documents.",[355,356,359],"callout",{"type":357,"title":358},"tip","Screenshots are your friends",[223,360,361,362,364],{},"Took a screenshot? Press ",[249,363,251],{}," in the editor — and it's instantly in place. No need to save it as a file first.",[227,366,213],{"id":212},[223,368,369],{},"LiveAI supports all popular image formats: PNG, JPG, GIF, SVG, WebP. Images are embedded directly in the document, so they are available even offline.",[371,372],"hr",{},[223,374,375],{},[376,377,379],"a",{"href":378},"/docs/editor/folders","Next: Folders and notebooks →","minimark-1","mdc",{"order":189,"title":39,"hidden":383},false,"'/docs/editor/folders':376 'access':304 'add':8,30,58,76,285 'adjust':173 'align':17,39,216,217,221,233 'alreadi':159 'also':204 'alt':283 'applic':126 'around':243 'automat':172,201 'avail':368 'better':57 'bring':183 'callout':312 'center':225,227 'click':179 'clipboard':69,120 'conveni':86 'copi':121 'corner':191 'ctrl':138,324 'descript':27,218,287 'desktop':103 'direct':361 'display':295 'document':62,311,364 'drag':64,90,94,189 'drop':66,92,116 'editor':13,35,107,136,166,328 'embed':360 'enabl':251 'even':56,147,369 'exact':113,207 'explor':101 'fail':299 'fastest':143 'file':97,100,343 'first':344 'flow':242 'folder':372 'format':346,352 'friend':319 'gif':355 'great':51 'height':210 'host':160 'imag':1,9,22,31,45,46,54,59,78,96,109,123,157,170,174,178,194,220,226,232,245,256,267,278,290,298,351,358 'insert':15,37,71,176 'instant':333 'jpg':354 'label':89,119,152 'left':219,224,254,259,274 'like':247 'line':282 'liveai':5,12,26,34,347 'load':301 'magazin':250 'media':3,24,48 'menu':187,215 'method':144 'navig':43 'need':337 'next':371 'notebook':374 'offlin':370 'onlin':161 'page':230 'past':67,132,162 'pick':82 'pixel':212 'place':112,335 'png':353 'popular':350 'preserv':200 'press':323 'proport':198 'publish':309 'pull':168 'resiz':16,38,196 'right':231,236,263,265,270 'save':339 'screenshot':130,150,316,322 'seo':306 'set':186,205 'simpli':93 'size':188 'straight':104 'support':345,348 'svg':356 'tab':87,88,118,151 'take':128 'text':19,41,49,52,237,240,260,271,284 'three':79 'tip':314 'titl':21,44,315 'took':320 'type':313 'url':73,154,164 'use':302 'v':139,325 'want':239 'way':80 'webp':357 'whichev':83 'width':208 'work':148 'wrap':20,42,238,252,253,264,276 '—':14,36,81,145,246,255,266,277,291,329 '→':375"]