Mobile site guide?

**zaoka** · 05 April 2016, 02:36 PM

Can anybody make video tutorial of how to make website optimized only for smartphones?

Describe what resolution to use etc...

**gwpriester** · 05 April 2016, 03:33 PM

For mobile phones, simplify the content, and reduce the amount of photos, especially large photos. Make your text and buttons larger. If you select Retina (hi def) images in Website Properties > Website, then Xara will export images at 96dpi for desktop browsers and 192dpi (hi def) for mobile devices.

**browj2** · 05 April 2016, 04:48 PM

Also, open a template that has a mobile variant and study it. All of the parameters are there.

**zaoka** · 05 April 2016, 05:56 PM

Originally Posted by gwpriester

For mobile phones, simplify the content, and reduce the amount of photos, especially large photos. Make your text and buttons larger. If you select Retina (hi def) images in Website Properties > Website, then Xara will export images at 96dpi for desktop browsers and 192dpi (hi def) for mobile devices.

What resolution should be used?

**Egg Bramhill** · 05 April 2016, 06:00 PM

The default 480 pixel width works fine for me

**zaoka** · 06 April 2016, 10:49 PM

I see that new smartphones support higher resolution so I was not sure if it is safe to go with higher resolution... ?

**gwpriester** · 07 April 2016, 01:13 AM

Yes. You create a larger site what will work for both mobile phones and tablets.

Though 480px should work fine.

**Egg Bramhill** · 07 April 2016, 12:57 PM

Xara can also export Hi-Res images if you have Retina checked in the Web Properties.

**zaoka** · 09 April 2016, 04:08 PM

Originally Posted by gwpriester

Yes. You create a larger site what will work for both mobile phones and tablets.

Though 480px should work fine.

So does new Xara automatically adjust site to be for both smarphones and PC or there is something I should adjust to enable that feature?

I have Xara 9 pro... i hate to upgrade today and in 2-3 montsh new Xata is comming out

**Egg Bramhill** · 09 April 2016, 08:38 PM

So does new Xara automatically adjust site to be for both smarphones and PC or there is something I should adjust to enable that feature?

No, not automatically. It creates a copy of the desktop site with a smaller screen width. For example your desktop variant may be 960 px wide, and the mobile variant is only 480 px wide. You then need to manually shrink the page content within the mobile variant to fit the smaller 480 px sized page. Not as complicated as it seems.

The big advantage is that if you change content in the desktop variant, it's automatically altered within the mobile variant.

If it's not desperate, hold on for the next release