> For the complete documentation index, see [llms.txt](https://docs.responsiveads.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/elements/image-png-jpeg-gif-svg.md).

# Image (PNG, JPEG, GIF, SVG)

### **Image (PNG, JPEG, GIF, SVG)**

**How to Add and Configure:**

* Drag the "Image" element onto the canvas.
* Upload an image file and adjust its size, position, and alignment in the configuration panel.

**Best Practices & Tips:**

* Optimize image file sizes to reduce load times.
* Use descriptive alt text for better accessibility.

#### **Video Tutorial:** How to Create Smaller size images using Image Renditioning

In this video, Matt explains how to use Image Renditioning to reduce the file sizes of images in your ad.

{% embed url="<https://www.loom.com/share/7a0b80446133443598e0cd7b15ae82dc>" %}