How to create an Image on Univer.se?

1

Shape Image

closeup photo of purple and pink decors
closeup photo of purple and pink decors

These images are shaped in circular and a (px/%) border radius. - You’ll be able to get these features when you personalize your own image on the "STYLE” tab.

2

Simple Image

closeup photo of purple and pink decors
white and gray round building

These images are just simple image with no shapes, or background. - You’ll be able to get these features when you personalize your own image on the "STYLE” tab.

3

Border Image

white and gray round building

To give border styles to your images, first create a button, tap space (instead of any letter or number), go to "STYLE”, remove the background, adjust the button size (leave it to 0), and paste your image in front of it, and finally adjust your image size within the button border so it iwill be visible.

4

Background Image

Pink Gif Artist GIF by Erica Anderson
closeup photo of purple and pink decors
Pink Gif Artist GIF by Erica Anderson

To give your image a background, you might need some help from GIF’s library. No worries, Univer.se offers your that. To apply that background to images, you search for the gradient background color you want, leave it in the area you wish, adjust it to the shape, border style or radius, shape and color, then paste the image. And that’s it! Easy, isn’t it?

A/4

black and gray laptop computer

You can either use block as backgrounds. Create a block "BLOCK BUTTON” and personalize your style and shape, and apply it behind your image as a background.

5

URL Image

gray digital wallpaper

To add a URL/Link to your image (or any other object), go to "BLOCK” (for shapes and texts) | "LINKS” (for images) tab, and add your preferred link; website, email, phone number, or open another page.

6

Alt text Image

ALT TEXT

ALT TEXT are used to improve your SEO (search on Google and any other search engines) so it will be easier to define and find your image. *ALT TEXT ARE LOCATED IN THE STYLE TAB, ALSO CALLED DESCRIPTION OF THE IMAGE*

ALT TEXT also works when the image isn’t displayed, so the ALT TEXT will tell people what that image is about.

7

Zoom Image

Zoom images are just a fun action so your audience will have a better experience of seeing the image more closely-clear.

Tap the ima to try it, keep in mind: Gallery already offers the zoom images function, which means it will not let you remove it from Gallery. Therefore you will need to manually add that function to single images.

8

Blocked Image

pink and blue abstract painting

For this method, you already know how to create a border px thickness by using the "BUTTON BLOCK” technique. Use that technique and apply it in front of the image, so no one will be able to either save or drag your image.

You can remove border thickness style, as well.

9

Loading Image

Loading Downloading GIF by Mashable
closeup photo of white decor
Loading Downloading GIF by Mashable

We use the "GIF” method to create a loading image behind the image you want. By adding that GIF, the image will show always in front of the GIF. But, does it work? Yes, it does.

Technically, when your site is loading and takes a little while to complete load all elements, GIFs are normally the first to show up, followed by the image.

10

Gallery

Gallery’s block on univer.se is the greatest thing you can experience. With Gallery you can add up to 10 images, and choose up to 6 different layouts to make it look amazing.

Add your Gallery block now and design it the way you love it.

This sub-page was created by Fermín Gramajo

a blue and purple abstract background