Participant

Question

The size of images to use for responsive website [was: Dreamweaver]

Forum|Forum|3 years ago
June 18, 2022
4 replies
604 views

Hello, I'm new to dreamweaver and am trying to create a website. I'm uploding designs from canva in a brand new template. However, I'm not sure of the size the pic should be so it can be responsive on desktop, ipad and mobile phones. I tried 1920 x 1080 but when tested in the chrome browser it looks too big. I've also tried 1024x768, 1366 x 768 others in the 12 range. I'm new to creating websites as well so I'm not really sure if the browser is the right place to measure the layout. I just wanted to get some clarity on the size each section of my landing page should be in dreamweaver for it to be displayed as a responsive website when I finally upload to wordpress. Thanks in advance for your support guys. It's great to be here.

This topic has been closed for replies.

O

Opal24920339rppzAuthor

Participant

Just got back. Thanks for responding Nancy. I' ll definitely check out the links! I appreciate your help and support.

B i r n o u

Legend

to all what have been said, I will add, that responsive web site is not just a question of image size.... either if that was your original question... typos, blocs, layouts... are also part of the song... so probably start by reading some posts about responsive, techniques, design and testing...

O

Opal24920339rppzAuthor

Participant

Thanks Birnou, I appreciate your help and resources. I'll check them out.

Nancy OShea

Community Expert

Use Google Analytics to determine which devices & browsers the majority of your site visitors have. Once you know who the target audience is, you can build accordingly.

https://analytics.google.com/

Nancy O'Shea— Product User & Community Expert

L

L e n a

Community Expert

Use Google Analytics to determine which devices & browsers the majority of your site visitors have. Once you know who the target audience is, you can build accordingly.

https://analytics.google.com/
By @Nancy OShea

maybe we are still feeding too much to the data and information collectors... and especially the data of our visitors...

so why not use free and independent tools that we can control ourselves...
here at the studio we have been using Piwik for over a decade and the feedback is pretty good... and the api is really a joy https://developer.matomo.org/api-reference

Nancy OShea

Community Expert

maybe we are still feeding too much to the data and information collectors...

By @L e n a

===========

To your point, my server provides some metrics data but I also use Google because it allows me to do more. It matters little which service you use as they ALL collect data.

What matters is how they use that data.

Nancy O'Shea— Product User & Community Expert

Nancy OShea

Community Expert

Q: How wide is a piece of string?

A: As wide as it needs it to be.

The web is not static, one-size-fits all. Create different sized images for different devices -- small, medium, large. Use the <picture> element with SRCSET to serve the right sized image to those devices.

https://www.w3schools.com/html/tryit.asp?filename=tryhtml_images_picture1

With regard to WordPress, read this:

https://www.smashingmagazine.com/2015/12/responsive-images-in-wordpress-core/

Hope that helps.

Nancy O'Shea— Product User & Community Expert

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded