Keeping your school website updated with fresh and clear images helps your institute look active, professional, and engaging. With the VIDYAOne School Website Admin Panel, you can easily replace old images, update event photos, and manage your image gallery without any technical knowledge.

In this guide, you will learn how to change existing website images, upload new replacement images, update image details, and publish the changes on your live school website.

Why Replace Website Images Regularly?

Updating website images helps your school website stay fresh and relevant.

You may need to replace images for:

• New academic sessions

• Latest school events

• Updated campus photos

• New admission banners

• Festival celebrations

• Sports activities

• Updated staff or classroom images

Regular updates improve:

• Website appearance

• Parent engagement

• Student interest

• SEO performance

• Website trust and professionalism

Open the Image Gallery Page

To replace website images:

• Login to your VIDYAOne School Website Admin Panel.

• From the left-side menu, go to:

Gallery → Image Gallery

The Image Gallery page will open.

Here you can:

• View uploaded images category-wise

• Edit existing images

• Replace old images

• Remove unwanted images

• Add new images

Select the Image Category

At the top of the page, you will see gallery categories such as:

• Sports Event

• Academic Event

• Campus Life

• Festival Event

Select the category where your image is already uploaded.

Example: If you want to replace a Sports Day image, Click the Sports Event category tab. The related gallery images and details will open.

Click the Edit Button

To update or replace the existing image, Click the Edit button available at the top-right section.

The image editing form will become active. Now you can:

• Replace the image

• Update captions

• Change descriptions

• Modify display order

• Update links or headings

Replace the Existing Image

In the Gallery Image section:

• Click on the current uploaded image.

• Your computer file browser will open.

• Select the new image from your system.

• Click Open.

Supported image formats:( JPG, JPEG, PNG, GIF, WEBP, BMP). After selecting the image, the crop window will appear.

Before saving the image, you can crop and adjust it properly.

Tips for better image cropping:

• Keep important subjects visible

• Avoid cutting faces or text

• Maintain proper alignment

• Use clean and balanced framing

After adjusting, Click Confirm. The updated image preview will now appear in the gallery section.

Update Image Caption & Alt Text

The Image Caption field is used as the image title. You can edit the old caption and add a new one. Example:

• Old Caption: Annual Function Image

• Updated Caption: Students Performing Dance During Annual Function 2026

Good image captions help visitors understand the image clearly.

The Image Description (Alt Text) field is important for:

• SEO optimization

• Accessibility

• Google image search visibility

Example Alt Text:

• Students participating in annual sports competition

• School science exhibition activity

• Diwali celebration at school campus

Tips:

• Keep it simple and meaningful

• Describe what is visible in the image

• Avoid keyword stuffing

Update Information Heading & Description

You can also update the Information Heading.

Example:

• School Students Celebrating Independence Day

• Robotics Workshop for Senior Classes

This heading may appear with the image on your website.

The description section allows you to explain the activity or event.

Example:

Our students actively participated in cultural activities that encourage creativity, teamwork, and confidence building.

A good description provides more information to parents and website visitors.

Update Link Text and URL

If your image section contains links, you can also update:

• Link Text

• Link URL

Example:

• Link Text: View Event Details

• Link URL: https://yourwebsite.com

This section is optional.

Change Display Order

The Display Order field controls the position of the image inside the gallery.

Example:

• 1 = Show first

• 2 = Show second

• 3 = Show third

You can rearrange gallery images by updating the display order number.

Save & Publish the Changes on Website

After making all changes Click the Save button. A success message will appear confirming that the image has been updated successfully.

Saving the image only updates the admin panel. To show the updated image on your live school website, Click the Publish button available at the top-right corner.

After publishing:

• The old image will be replaced

• Visitors will see the updated image on the website

Important:
If you do not click Publish, the changes may not appear on the live website.

Best Practices for Gallery Management

To maintain a professional school website:

• Replace outdated images regularly

• Use clear and high-quality photos

• Keep image titles meaningful

• Add proper alt text for SEO

• Organize images category-wise

• Remove duplicate or blurry images

• Publish updates immediately after saving

A well-maintained image gallery improves your school website experience for parents, students, and visitors.