Re: [css-d] Large Screen Compatibility Dilemma
dec 1 2014 02:07 Crest Christopher crestchristop...@gmail.com: Am I thinking from a designer POV, not completely putting forward of all possibilities with CSS ? First of all, you seem to have sidestepped the reason why a background image needs to be high-res. Secondly, when I’ve received a requirement akin to this in the past I have solved this with variable quality, so that areas covered with other elements are of lesser quality (typically only seen trough semi-transparent elements), than areas that are uncovered. That’s not easy to do with a fluent design and it’s a lot of work. Better be worth it. The variable quality is a graphics issue. __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Large Screen Compatibility Dilemma
I agree about image quality. If it's a background it doesn't need to be high quality. It's a background with presumably more important content on top of it, most likely covering most of the image. That said I stand by my previous comment. For content images I'll say again that you should provide a sample thumbnail with well labeled links to larger versions. Let the user choose to download a large version. On Mon, Dec 1, 2014 at 4:07 AM MiB digital.disc...@gmail.com wrote: dec 1 2014 02:07 Crest Christopher crestchristop...@gmail.com: Am I thinking from a designer POV, not completely putting forward of all possibilities with CSS ? First of all, you seem to have sidestepped the reason why a background image needs to be high-res. Secondly, when I’ve received a requirement akin to this in the past I have solved this with variable quality, so that areas covered with other elements are of lesser quality (typically only seen trough semi-transparent elements), than areas that are uncovered. That’s not easy to do with a fluent design and it’s a lot of work. Better be worth it. The variable quality is a graphics issue. __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Large Screen Compatibility Dilemma
I'm in the process of reducing a background image to it's smallest possible size, I'll update the results, that is, hoping they are amazing ;-) Christopher Tom Livingston mailto:tom...@gmail.com Monday, December 01, 2014 6:49 AM I agree about image quality. If it's a background it doesn't need to be high quality. It's a background with presumably more important content on top of it, most likely covering most of the image. That said I stand by my previous comment. For content images I'll say again that you should provide a sample thumbnail with well labeled links to larger versions. Let the user choose to download a large version. __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ MiB mailto:digital.disc...@gmail.com Monday, December 01, 2014 4:06 AM First of all, you seem to have sidestepped the reason why a background image needs to be high-res. Secondly, when I’ve received a requirement akin to this in the past I have solved this with variable quality, so that areas covered with other elements are of lesser quality (typically only seen trough semi-transparent elements), than areas that are uncovered. That’s not easy to do with a fluent design and it’s a lot of work. Better be worth it. The variable quality is a graphics issue. __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Crest Christopher mailto:crestchristop...@gmail.com Sunday, November 30, 2014 8:07 PM I plan to make my site 4K/5K compatible, I was informed do not feed users a 4K/5K image(s), taking that into consideration, what am I suppose to do if the design requires a 4K/5K background image; cut it up, the size of the combined slices may add equal to the file size of a 4K / 5K image. Am I thinking from a designer POV, not completely putting forward of all possibilities with CSS ? Christopher __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Large Screen Compatibility Dilemma
IMHO you don't use a bg img that big. Maybe a bg img that's 1280x1024 or something close, compress the snot out of it with a lossless compression tool and use background-size:cover; with an acceptable fallback for browsers that don't support background-size. Of course, this is only for desktop. At the very least, set up an MQ for a min-width of 4k so that monstrous img doesn't get delivered unless someone can actually use it. On Sun, Nov 30, 2014 at 8:07 PM Crest Christopher crestchristop...@gmail.com wrote: I plan to make my site 4K/5K compatible, I was informed do not feed users a 4K/5K image(s), taking that into consideration, what am I suppose to do if the design requires a 4K/5K background image; cut it up, the size of the combined slices may add equal to the file size of a 4K / 5K image. Am I thinking from a designer POV, not completely putting forward of all possibilities with CSS ? Christopher __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Large Screen Compatibility Dilemma
It's as simple as that, thanks Tom ! :-) Christopher Tom Livingston mailto:tom...@gmail.com Sunday, November 30, 2014 9:11 PM IMHO you don't use a bg img that big. Maybe a bg img that's 1280x1024 or something close, compress the snot out of it with a lossless compression tool and use background-size:cover; with an acceptable fallback for browsers that don't support background-size. Of course, this is only for desktop. At the very least, set up an MQ for a min-width of 4k so that monstrous img doesn't get delivered unless someone can actually use it. Crest Christopher mailto:crestchristop...@gmail.com Sunday, November 30, 2014 8:07 PM I plan to make my site 4K/5K compatible, I was informed do not feed users a 4K/5K image(s), taking that into consideration, what am I suppose to do if the design requires a 4K/5K background image; cut it up, the size of the combined slices may add equal to the file size of a 4K / 5K image. Am I thinking from a designer POV, not completely putting forward of all possibilities with CSS ? Christopher __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/