Hi guys,
am under the impression reading it elsewhere (even wrote it myself):
Images set to HiRes (Inspector 3rd Tab) are not reacting responsive.
Is there any reasonable explanation why? Or do I miss something?
Cheers
Thomas
freewaytalk mailing list
email@hidden
Update your subscriptions at:
I thought it just generates 2x images and does nothing to the code. Or sets the display size for example a background image as…
#item1 { background-image:url(../Resources/shattered_background.jpg); background-size:500px 500px }
…for importing a 1000x1000 background image
–
David Owen { Freeway Friendly Web hosting and Domains }
http://www.ineedwebhosting.co.uk | http://www.PrintlineAdvertising.co.uk
On 22 Oct 2015, at 13:59, Thomas Kimmich email@hidden wrote:
Hi guys,
am under the impression reading it elsewhere (even wrote it myself):
Images set to HiRes (Inspector 3rd Tab) are not reacting responsive.
Is there any reasonable explanation why? Or do I miss something?
Cheers
Thomas
freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
Hi David,
obviously, it sets a fixed pixel width (from size) to this image rather than taking the dimension settings (100%/auto) which feels entirely wrong to me. Even hard to wrap it in an example. This is the page I’m currently working on. Clicking References (Referenzen) brings you to an owl-slider. The first image is set to HiRes, the others not.
https://dl.dropboxusercontent.com/u/8231701/cdn-digitalmedia-clients/schumacher-merz/index.html
Cheers
Thomas
freewaytalk mailing list
email@hidden
Update your subscriptions at:
Thomas,
That large image in the slider has a fixed width of 1230px…
#refpane1.f-ms {
width: 1230px;
overflow: hidden
}
The other images in the slider have a width of 100%….
#refpane2.f-ms {
width: 100%;
overflow: hidden
}
Changing it to to 100% fixes it.
—
David Owen { Freeway Friendly Web hosting and Domains }
http://www.ineedwebhosting.co.uk | http://www.PrintlineAdvertising.co.uk
On 22 Oct 2015, at 15:58, Thomas Kimmich email@hidden wrote:
Hi David,
obviously, it sets a fixed pixel width (from size) to this image rather than taking the dimension settings (100%/auto) which feels entirely wrong to me. Even hard to wrap it in an example. This is the page I’m currently working on. Clicking References (Referenzen) brings you to an owl-slider. The first image is set to HiRes, the others not.
https://dl.dropboxusercontent.com/u/8231701/cdn-digitalmedia-clients/schumacher-merz/index.html
Cheers
Thomas
freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
Hi David,
thanks!
Yes - I’m aware of, but this “fixed width” property is coming up to that point when I hit the hiRes check in inspector!!!
I know the fix (extended dialogue), but I simply miss the argument for having a @2x image fixed, while leaving it unchecked it IS 100% such as the other 3 (which are unchecked and therefor non retina).
Cheers
Thomas
freewaytalk mailing list
email@hidden
Update your subscriptions at:
Hi Thomas,
I see what t you’re getting at?
I tend to set my image sizes independently depending on the job at hand. Mainly because most images are handled outside of Freeway in a CMS. The image sizes are created at calculated automatically on upload to the CMS (Perch) and can even create multiple images at different sizes if I need to (thumbnail, low res, high res).
Personally I find going totally 2x on images can be going to far and impact on download time and page sizes. Using images at x1.5 and scaled down (and much on mobile) is usually more than enough for a retina screen. Or maybe good enough for my eyes.
David Owen { Freeway Friendly Web hosting and Domains }
http://www.ineedwebhosting.co.uk | http://www.PrintlineAdvertising.co.uk
On 22 Oct 2015, at 15:58, Thomas Kimmich email@hidden wrote:
obviously, it sets a fixed pixel width (from size)
freewaytalk mailing list
email@hidden
Update your subscriptions at:
… The image sizes are created at calculated automatically on upload to the CMS (Perch) and can even create multiple images at different sizes if I need to (thumbnail, low res, high res).
Good point, David.
I wonder why we don’t start some (highly) experimental thing in Freeway then?
I mean something based on Picturefill with a nice little action which changes the src attribute to srcset and a picker, similar to the “upload extra resources” action. Figuring out which element works better/best image or picture? Adding a size attribute based on the documents breakpoints?
Manually already doable (kind of) would add benefits. I’m not smart enough for doing the initialize action groundwork.
So for now, I leave the HiRes opportunity and work on the regular sizes. It just sucked that it took me half an hour figuring out what happened.
Cheers
Thomas
freewaytalk mailing list
email@hidden
Update your subscriptions at:
Using something like the Adaptive Images script goes a long way towards avoiding exactly these kinds of issues (automatically).
Personally I find going totally 2x on images can be going to far and impact on download time and page sizes.
Todd
https://creativ.space
https://xiiro.com
freewaytalk mailing list
email@hidden
Update your subscriptions at: