Viewing optimization

optimization



User: Paul-RAGESW 10 years ago
Quote:
I mean, what would the code look like, including two images in the src attribute?


You don't include two images in the src attribute. You just include your retina image. It looks the exact same as any other img tag just that the src attribute points to your retina image instead of your normal image.

-------------------------------
Paul
EverWeb Developer
User: Roddy 10 years ago
So, if I have a "retina" image that is 1280px by 960px I would drag it into Assets/Images and then use a code like this?

Retina Image


How is that going to look on a non retina machine?

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: pumpkin 10 years ago
I'll try that. Site will be up with this in a few minutes.

-------------------------------
Darian
new to web design
______________________
My websites: Vocal Affairs // Singkehlchen
User: pumpkin 10 years ago
Well, looks good on my normal non-retina screen. Roddy? How is it on your retina one?

-------------------------------
Darian
new to web design
______________________
My websites: Vocal Affairs // Singkehlchen
User: Roddy 10 years ago
What's the page URL?

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: pumpkin 10 years ago
singkehlchen.de still ;)

-------------------------------
Darian
new to web design
______________________
My websites: Vocal Affairs // Singkehlchen
User: Roddy 10 years ago
The colors are definitely a lot more vivid on Retina so it's probably worth the extra effort for large images.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: pumpkin 10 years ago
I just added the @2x to the image src in the html snippet. Not so much effort. So it's the retina image then?

-------------------------------
Darian
new to web design
______________________
My websites: Vocal Affairs // Singkehlchen
User: Roddy 10 years ago
It is.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: pumpkin 10 years ago
Great. I'll keep using this way then when I have images.

-------------------------------
Darian
new to web design
______________________
My websites: Vocal Affairs // Singkehlchen


Post Reply
You must login or signup to post.