Image Style for Google Sites

That was me. Every. Single. Time.

I'd be deep in flow, designing a Google Site, and hit that familiar roadblock:
Basic image editing meant switching tools, disrupting my workflow, then re-uploading.

For what? Rounded corners? A simple border? Some basic styling?

It felt ridiculous. So I built the Image Style widget.

In the video below, you'll see the moment inspiration struck.
First, I needed to add arrows to a design. I opened SitesBuddy, grabbed an arrow from the Arrows Widget, and dropped it right in.
Then came the second idea: round those image corners. While I was already in the flow, I styled the image using the Image Style widget - right there, no extra tools needed.

Simple. Fast. Efficient workflow - just the way I like it.
Watch the video to see how it works in real-time.

SHARE

Watch this video to see how the Image Style widget can transform your workflow by letting you style images right within Google Sites - no additional tools required.

How to use Image Style widget

1. Upload your image

   Click or drag your image into the upload area.

2. View the instant preview

   See your image with original dimensions displayed immediately.

3. Set your desired width

   The height adjusts automatically to keep the aspect ratio.

4. Adjust the corners

   Use the slider or number input to round the corners as desired.

5. Add a border

   Set the border width, color, and transparency.

6. Download or drag and drop

   Save your styled PNG or drag it directly into your Google Site.

Great for:

• Product showcases with consistently styled images
• Team photos with matching rounded corners and borders
• Creating visual consistency across your entire site
• Quick image styling without leaving Google Sites
• Building image galleries with uniform appearance