On Thu, Nov 6, 2014 at 7:32 PM, Crest Christopher < crestchristop...@gmail.com> wrote:
> That does make sense to build simpler first then go desktop after, I just > may follow this logic ! > > > Not necessarily. Most of the time I can use just three images. Each image > can span more than one breakpoint. My base (mobile/phone) images usually > get me up to my 600px breakpoint, for example. > > Let me understand, you typically keep your images up to 600px in size > regardless if the screen size is 2K or heck even up to 4K ? I assume you do > the 2x / 3x for Retina displays ? > No. That was just an example of one image. From base to a 600px breakpoint, I use one image. From 600 to 768, I use a second and from 768 to my max width, I use a third. Depending on your preference and how you style your image you could use less. If you have an image that is nothing more than a background texture - for example - you could have it scale up proportionally and get away with a little pixelation, using background-size: cover; for example. > > See my second reply above. I'll also add that you will be hard pressed > to get perfection in a web page compared to a psd. > > I don't understand ? > "want to export my image assets perfectly, focus more on markup and styles"... What is pixel-perfect in an image editor will not be in code/browser. -- 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/