Page 481 - Xara Designer Pro X17

Web Graphics and Websites 481

For those familiar with HTML, this text is also used as the "ALT" text on the image that is
exported for the currently selected object, whether or not the image also has a pop-up.
Web browsers show this text on the page in place of the image, if the image can’t be
obtained for some reason.

Image Filename
Here you can set the image filename to be used on export. You don't need to enter the
extension of the image format as Xara will do this automatically on publish of your
website.

Note: Giving an image a descriptive name such as "beach-sand-water-sunshine" is
useful for SEO purposes.

Group images

By default, existing groups and new groups are set to SEPARATE IMAGES FOR GROUP
MEMBERS and the group members will export individually as if they were not grouped at
all.
This is especially useful for groups containing text, so the text remains as text in the
published site.
You will also be able to set properties on the objects inside the group. You can use
Ctrl+click to select objects inside the group and then apply links, reveal animations, etc.
to the group objects.

It’s not advisable to use this option on very complex groups such as artwork that is made
up of tens or even hundreds of vector shapes. It’s more efficient for such groups to
export into the website as a single image using the ONE IMAGE FOR WHOLE GROUP option.
But for simpler groups such as a group of photos, it’s best if they are set to export
separately because then each object can have its own individual settings. For example
each photo could be set to be a popup, or have its own reveal animation.

Use the ONE IMAGE FOR WHOLE GROUP option when you want grouped objects to be
exported as a single image in your published website. For example if you group a photo
with its caption text, the whole group appears as an image in your website, so the text is
not selectable in the web browser.
Web image type

Due to the nature of HTML websites, most objects you see and can select on the page in
Xara Designer Pro X have to be converted to bitmap images during the process of
exporting your website. This all happens automatically for you when you preview and
export, but the controls on this tab give you some control over how these images are
created.

Remember that each group, shape, heading, logo, photo, panel background, etc. is
exported as a separate image. By looking at how the objects in your design are grouped,
you can control how many images are exported to make up your website. So for example