Uploading Files

Add images and videos to your media library for use across your website.

Steps

1. Click Media in the left sidebar (under the "Others" group)

2. Click the Create New button

3. Click Choose File or drag and drop your file onto the upload area

4. Fill in the details:

   • Alt Text - A brief description of the image (important for accessibility)

   • Caption - Optional text that may appear with the image

5. Click Save

Media upload screen

Supported File Types

Images

• JPG / JPEG

• PNG

• GIF

• WebP

Videos

• MP4

• WebM

• MOV

• AVI

File Size Limits

File Type	Maximum Size
Images	No strict limit (will be optimized automatically)
Videos	5 MB
Documents	5 MB

Automatic Optimization

When you upload images, the system automatically:

• Converts to WebP - A modern format that loads faster

• Creates multiple sizes - Different sizes for different uses

• Preserves quality - Maintains visual quality while reducing file size

You don't need to resize or compress images before uploading.

Alt Text Best Practices

Alt text helps:

• Screen readers describe images to visually impaired users

• Search engines understand your images

• Display a description if images fail to load

Good alt text examples:

• "Modern kitchen with white cabinets and marble countertops"

• "Living room interior with grey sofa and wooden coffee table"

• "Before and after bathroom renovation comparison"

Poor alt text examples:

• "Image 1"

• "Photo"

• "Kitchen"

Tips

• Name files descriptively before uploading (e.g., "marina-bay-kitchen.jpg")

• Always add alt text - It's important for accessibility and SEO

• Upload high-quality originals - The system will optimize them for you

• Check file size for videos before uploading