How to create a perfect Image Template

In this article we'll guide you through the steps of creating a template with an Image.

Step 1: Create an Image Template

1. Select the Empty block template in Parta.io's template library.

2. Go to the Pro mode: click on the column and add a new Image element inside.

   

   Click the plus icon in the popover menu.

   

   Image's empty state example.

Step 2: Adjust the Image Dimensions

1. Click on the Grid Tab.

2. Set Width and Height: Adjust the dimensions of the image component to fit your design needs.

Example for a Full-Size Image: Width - 100%, Height - 600 pixels.

Step 3: Add an Image

1. Go to the Data Tab: Select an image from your resources library or Unsplash.

2. Experiment with the Scaling Settings to adjust it:

   1. Fill: The image fills the entire area, cropping it if necessary.

   2. Fit: The image is scaled to fit within the boundaries while maintaining its aspect ratio.

   3. Stretch: The image is streched to fit the dimensions.

Step 4: Save it as a Template to reuse it in your project or make it available to your team.

That's it! Your perfect image template is now ready to use.