How to: Image Scaling with the Universe Website Builder

Published: 04 October 2024
on channel: Universe
39
1

Welcome to How To, our series of tutorial videos that goes deep on using Universe to build a website. In this episode, we cover two types of image scaling (there are more, but we can cover those in the future). The first type we'll cover is using images in a tile-like pattern to create a kind of central illustration, as well as using an image like a banner. The second is using an image to create an edge-to-edge logo header.

0:00 - Introduction
0:25 - Overview of the site we are building
1:20 - Adding an image and selecting a preset or custom aspect ratio
3:07 - Publishing to check out your site on the web
3:33 - Using Duplicate to create consistent layouts, then changing out the image source
4:20 - Adding a banner style image
4:47 - The difference between Fit and Fill images
5:17 - Site reveal
5:54 - Introduction to edge-to-edge logo usecase
6:45 - Adding an SVG to your Universe site
7:12 - Why would you use an SVG?
8:44 - The settings you need to use for an edge to edge SVG header
8:56 - Quick tangent about the difference between Custom vs. Fixed 'Block Size' settings for images
9:14 - Back to getting the SVG sizing right
9:58 - Site reveal and check
10:20 - Reflections and goodbye


Watch video How to: Image Scaling with the Universe Website Builder online without registration, duration hours minute second in high quality. This video was added by user Universe 04 October 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 3 once and liked it people.