I usually have my smaller images at 600 and 800 wide approximately. I use 600 wide for mobile and at around 600 breakpoint, switch to the next size image. This way, usually, the image is never bigger than its natural size.
This is design dependent obviously, and isn't taking background-size into account such as background-size:cover. On Sunday, August 16, 2015, MiB <digital.disc...@gmail.com> wrote: > > aug 16 2015 05:23 Crest Christopher <crestchristop...@gmail.com > <javascript:;>>: > > > The problem is when those images are scaled; when an image is scaled > between small and medium there is pixelation, how can one sharpen the > images when, and only when there is a threshold between a small and medium > image ? I've been searching online and the most I found dealt with the img > tag, not background images. > > I’m not sure I understand the problem nor why you think some sharpening > will work, but the problem is interesting. I’m thinking that increased > sharpening will only make pixelation worse. What you could do is move the > break points, so that the largest an image is shown is at a stretch level > where pixelation isn’t very noticeable. The largest image is typically > beyond your control as you never can control how big display users will > show your design on, unless you use a max size which I wouldn’t do as a > designer. > > > /MiB > > ______________________________________________________________________ > css-discuss [css-d@lists.css-discuss.org <javascript:;>] > 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/ > -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 ______________________________________________________________________ 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/
