How Do I Upload a Picture to My Matrix Schedule a Showing Page

An Prototype asset is used to upload prototype files into the Squiz Matrix system. To exist able to display an image in the content of your Site, you lot need to create an Image asset. Once information technology has been created, it can be used as many times every bit you lot like within your Squiz Matrix system.

Bookmarks

Details Screen

Details

This department allows yous to change various details of the Paradigm including the Title and which file to utilize.

The fields available are as follows:

• Title: The Title (Asset Short Name) of the Image.
• Filename: The filename of the uploaded Paradigm file.
• Upload File: Use this field to upload a new image file for the Prototype.
• Current File: This section outlines the details of the Image including the size of the file, when information technology was last updated and the width and height of the paradigm.
• Alt: The alternative text for the paradigm, describing what information technology is. This is used for accessibility purposes. Read more aboutAlt andTitle attributes for images here.

  If the Paradigm is being used within the content of a folio, theAlt text of thatParadigm will not be updated when you lot change the Alt text on anEpitome asset. For example, if you lot take inserted an Image called Squiz Logo on the Home page and so change the Alt text of the Squiz LogoImage asset, theAlt text on the Dwelling house folio volition not change.

• Caption: The caption or short description for the image.
• Embedded Information: For more information on the Embedded Information field, refer to the Extracting Metadata from a JPEG department in this chapter.

To find out which assets in the arrangement are using anImage in their content, look at the Linking screen. The avails using theImage will be listed in the Current Linkingsection.

Varieties Screen

The Varietiesscreen allows you to create different sized versions of the Image. For example, if the Image has a width of 400, yous can create a Variety that has a Width of 100 so you can use a smaller version of the epitome.

Creating a New Diverseness

To create a new variety, go to the Varieties screen of the Prototype.

In the New Diversity department, fill out the post-obit fields:

• Name: The proper name for the Variety. This will be used as the asset proper noun of the diversity.
• Diverseness Blazon: You tin can cull from the following types of varieties:
  • Resize Current Image: If y'all select this pick the fields shown in the figure to a higher place will appear. This option will create the Diverseness based on the dimension you lot select in the Constrain by field.
    • Width: The paradigm variety is created with the specified width. The image will exist either stretched or compressed to lucifer the width specified – so for example, if the image is 100 pixels wide and you select to constrain to a width of 200 pixels, the image will be stretched to create the variety and will be twice its original width. The height will too be doubled to retain the aspect ratio. If your image is 100 pixels broad and you select to constrain to a width of 50 pixels, the image volition be compressed to create the diversity and volition be one-half its original width. The summit volition be also be halved to retain the aspect ratio.
    • Elevation: The image variety is created with the specified height, and volition exist either stretched or compressed accordingly. The width will be constrained in the same manner to maintain the aspect ratio.
    • Both: The epitome variety is created so that the largest dimension of the paradigm is constrained by the dimension specified. For example, inbound a value of 100 pixels will ensure that neither dimension of the epitome is greater than 100 pixels. Then if the original height was 400 pixels and the width was 200 pixels, the acme would become 100 pixels and the width l pixels. Note that the smaller dimension is constrained with the aforementioned aspect ratio as the larger dimension.
    • Both Min Size: The image diverseness is created so that the smallest dimension of the image is constrained by the dimension specified. For case, entering a value of 100 pixels will ensure that neither dimension of the image is less than 100 pixels. So if the original height was 400 pixels and the width was 200 pixels, the height would become 200 pixels and the width 100 pixels. Annotation that the larger dimension is constrained with the same attribute ratio as the smaller dimension.
    • Neither: The image diverseness is created with the specified width and height. Note that the aspect ratio is not preserved in this case.
    • Foursquare (Centre Weighted): The image diversity is created as a square-shaped image, cropped (centre weighted) and constrained by the dimension specified. For example, if the original image height was 400 pixels and the width was 200 pixels, the height would exist cropped to 200 pixels to create a foursquare-shaped image; the image would and then be resized, equally per the specified dimension.
  • Upload Alternate Image: if you select this option, a new upload field volition announced where you can upload a completely new image as the variety.

    You would choose this option if you had an alternating image to upload for the Variety. To upload a new file, click on the Browse button - the File Upload pop-up will appear. Locate the file that you lot want to apply, left click on it and click on the Open button. The path of the file that yous have selected will announced in the Upload File field.

One time y'all accept filled out the required fields, click Save. A new Diversity asset will be added under the Image in the Asset Map. A new section called Current Varieties will besides appear on the Varieties screen.

Electric current Varieties

This section will list all current Varieties of the Prototype asset, and allows you to update the details of a Diversity using the fields that are bachelor.

For each Variety that has been created for the Prototype, the proper noun of that Variety will announced in blue text under the Electric current Varieties section.

Keyword Replacements for Paradigm Varieties

Keyword replacements tin be used to display data most an Image Variety. The keyword replacements that are bachelor are listed beneath. Please notation that <variety_name> is the proper name of the Diversity that yous want to apply.

Keyword Replacement	Information shown
%image_v_<variety_name>%	This volition brandish the Variety of an epitome.
%image_v_<variety_name>_url%	This volition display the URL of the Diverseness.
%image_v_<variety_name>_width%	This volition brandish the pixel width of the Multifariousness.
%image_v_<variety_name>_height%	This will display the pixel height of the Variety.
%asset_thumbnail_v_<variety_name>%	This volition brandish the Variety of a thumbnail.

Using Pre-uploaded Files

When creating a new Image, on the Create new Image screen at that place is an option called Choose a pre-uploaded file. This option allows you to select a file that has already been uploaded to the Squiz Matrix server. For more information on how to upload a file to the server, refer to the Server Ambassador manual.

When you click on the Choose a pre-uploaded file push, some additional fields will get available:

• Title: enter the proper name for the Image asset. This will be used as the friendly proper noun of the Image and will appear in the Asset Map. This name will also appear where ever the keyword replacement %asset_short_name% is used. This field is required when creating an Paradigm.
• Choose a pre-uploaded file: select which file to employ from the list provided. This field is required when creating an Image.
• Upload a new file: if the Image has non been uploaded to the server, click on the Upload a new file button to upload the file manually. For more data on how to practise this, refer to the Calculation an Prototype section in this chapter.
• Alt: enter the alt tag for the Image. This will be used in the Alt attribute of the <img> tag in the HTML source code of the Site. This field is not required when creating an Prototype.
• Caption: enter a explanation for the Image. This text tin can be displayed in the Site through the keyword replacement %asset_thumbnail_caption%. This field is not required when creating an Image.

If you create an Image asset using a JPEG file created in Adobe Photoshop, Squiz Matrix will read the dc:*XMP metadata from the file and list information technology in the Embedded Information department on the Details screen.

These values tin can be used in the metadata for the Image asset. To exercise this, re-create the Keyword that you want to use from the list provided and paste it into the metadata field on the Metadata screen. (For more than data on the Metadata screen, refer to the Asset Screens).

For this to work, the PHP Metadata Toolkit needs to be installed on your server (available from http://www.ozhiker.com/electronics/pjmt/). In one case this has been installed, a System Administrator needs to enter the path to the tool on the External Tool Configuration screen before it tin piece of work. For more information on this screen, refer to the System Configuration manual.

Please annotation that this metadata extraction occurs when the Epitome nugget is being created. Whatever existing images in your system will need to exist uploaded if the metadata extraction is desired on that image.

pegueroprithey.blogspot.com

Source: https://matrix.squiz.net/manuals/core-assets/chapters/image

Share this post