Step-by-Step Guide to Upload Images on VIDYAOne School Website

Step-by-Step Guide to Upload Images on VIDYAOne School Website

Images make your school website more attractive, engaging, and informative for students, parents, and visitors. Using the VIDYAOne School Website panel, you can easily upload event photos, campus images, activity pictures, achievements, classroom moments, and much more without any technical knowledge.

In this guide, you will learn how to upload new images, replace old images, manage image categories, and publish the changes on your school website.

The Image Gallery section helps your institute showcase important school activities and achievements such as:

  • Annual functions

  • Sports events

  • Cultural activities

  • Classroom activities

  • Campus life

  • Educational tours

  • Celebrations and festivals

  • Award ceremonies

A well-managed gallery improves your website appearance and keeps parents and students updated with school activities.

Open the Image Gallery Page

To upload or manage images on your school website:

  • Login to your VIDYAOne School Website Admin Panel.

  • From the left-side menu, go to:

Gallery → Image Gallery

Here you will see all uploaded images category-wise.

Examples of categories:

  • Diwali Event

  • Sports Event

  • Academic Event

  • Campus Life

This page allows you to:

  • Add new images

  • Replace existing images

  • Remove old images

  • Create new categories

  • Rename categories

  • Organize gallery content

The Image Gallery page is divided into different sections.

Category Tabs


At the top of the page, you will see category tabs such as:

  • Diwali Event

  • Sports Event

  • Academic Event

  • Campus Life

These categories help organize your images properly.

How to Add a New Category

If you want to create a new gallery section:


  • Click the + New Category button.

  • Enter the category name.

  • Save the category.

Example:

  • Independence Day

  • Science Exhibition

  • Annual Day

Your new category will now appear in the category tabs.

How to Rename a Category

To edit an existing category name:


  • Double-click on the category tab.

  • Edit the category name.

  • Save the changes.

Example:
 You can rename:

  • “Sports Event” to “Annual Sports Meet”

This helps keep your gallery properly organized.

How to Remove a Category

If a category is no longer needed:


  • Select the category tab.

  • Click the Remove button.

  • Confirm the deletion.


Important :  Removing a category may also remove its related images. Make sure you check before deleting.

How to Add a New Image

To upload a new image:

  • Select the category where you want to upload the image.

  • Click the + New Image button.


A new image form will open.

Now you can upload your image and fill in the image details.

Upload the Image

In the Gallery Image section:

  • Click on the Upload Image area.

  • Your computer file browser will open.

  • Select the image from your system.

  • Click Open.


Supported image formats:

  • JPG

  • JPEG

  • PNG

  • GIF

  • WEBP

  • BMP

After selecting the image, the crop window will open.

Crop the Image Properly

After selecting the image, you can crop and adjust it before uploading.


Tips for cropping:

  • Keep the important part of the image in the center.

  • Avoid cutting student faces or important content.

  • Use a clean and balanced crop.

After adjusting the image:

  • Click Confirm.

The image preview will now appear in the upload section.

Add Image Caption

The Image Caption field is used as the image title.


Example captions:

  • Students Performing Dance on Annual Day

  • Science Exhibition 2026

  • Class 9 Rangoli Competition

  • School Cricket Tournament

Use short and meaningful titles.

Good captions help:

  • Visitors understand the image

  • Improve website appearance

  • Improve SEO performance

Add Image Description (Alt Text)

The Image Description (Alt Text) field is very important.


Alt text helps:

  • Search engines understand the image

  • Improve accessibility

  • Improve Google image ranking

Example alt text:

  • Students creating rangoli during Diwali celebration

  • School science fair project presentation

  • Students participating in annual sports event

Tips for writing good alt text:

  • Keep it short and clear

  • Describe what is visible in the image

  • Use simple language

Add Information Heading

The Information Heading field allows you to add a heading for the image section.


Example:

  • Class 9 Students Creating Rangoli on Diwali Event

  • Annual Sports Day Celebration

  • Robotics Workshop for Students

This heading may appear on the website depending on your gallery design.

Add Description


You can also add a detailed description about the image or event.

Example:

We provide co-curricular activities that help students learn about culture, teamwork, and creativity through practical participation.

This description helps visitors understand the activity better.

You can also add:

  • Link Text

  • Link URL

This is useful if you want users to visit:

  • Social media pages

  • Event pages

  • Admission pages

  • School activities page

Example:

This section is optional.

Set Upload Date & Display Order (optional)

Select the upload date for the image.This helps maintain proper event records and gallery management.

The Display Order field controls image positioning in the gallery.

Example:

  • 1 = First image

  • 2 = Second image

  • 3 = Third image

Use proper numbering to arrange images in the correct sequence.

For best website performance, always use optimized images.

  • Maximum Image Size: Less than 1 MB

  • Recommended Resolution: 400 × 500 pixels

  • Supported Formats: (JPG, JPEG, PNG, GIF, WEBP, BMP)

Why Image Optimization is Important

Large images can slow down your website.

Optimized images help:

  • Faster website loading

  • Better mobile performance

  • Improved user experience

  • Better SEO ranking

  • Reduced storage usage

Before uploading:

  • Compress large images

  • Resize images properly

  • Avoid unnecessary high-resolution photos

Save the Image

After filling all details:

  • Click the Save button.


You will see a success message confirming that the image has been saved successfully.

Publish the Changes on Website

Saving the image only updates the admin panel.

To show the changes on your live website:

  1. Click the Publish button from the top-right corner.


After publishing:

  1. The new image will appear on your school website.

  2. Visitors will be able to see the updated gallery.

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


Common Mistakes to Avoid

  1. Uploading Very Large Images.

    1. Large images slow down the website.

    2. Always keep image size below 1 MB.

  2. Using Wrong Image Resolution.

    1. Very small or very large images may look blurry or stretched.

    2. Use the recommended resolution:
       400 × 500 pixels

  3. Forgetting to Publish Changes.

    1. Many users save the image but forget to click Publish.

    2. Always click:  Save → Publish

  4. Leaving Alt Text Empty.

    1. Alt text improves SEO and accessibility.

    2. Always add meaningful image descriptions.

  • Create separate categories for each event

  • Use clear image titles

  • Remove blurry or duplicate images

  • Upload optimized images only

  • Keep gallery updated regularly

  • Use proper display order for better presentation

A clean and organized gallery makes your school website look more professional and engaging.