Re: [css-d] Image compression suggestions ?

On 09/19/2015 10:12 PM, Crest Christopher wrote: Anyone have any image compression suggestions; there is one I use but it only took a 210kb image to around 100kb. I'm hoping to squeeze that 210kb image to around atleast 75kb without sacrificing too much quality. I've tried a few thus far,

Re: [css-d] Image compression suggestions ?

My images are at 72dpi; would it make a difference ? GJim wrote: On 09/20/2015 12:07 PM, Crest Christopher wrote: What exactly does the 'Set DPI function' do; if you don't mind me asking ? Basically, it sets the resolution, in 'Dots Per Inch', or the image. For most web-page uses, 72 DPI

Re: [css-d] Image compression suggestions ?

What exactly does the 'Set DPI function' do; if you don't mind me asking ? GJim wrote: On 09/19/2015 10:12 PM, Crest Christopher wrote: Anyone have any image compression suggestions; there is one I use but it only took a 210kb image to around 100kb. I'm hoping to squeeze that 210kb image

[css-d] z-index of background images

Unfortunately it's not possible to change the z-index of a multiple background image; anyone have any suggestions as to how, if at all, this can be done ? -- .(-. Christopher .-). __ css-discuss

[css-d] Retina Graphic Sizes

I have a question about retina graphics, if a graphic designed for the iPhone 2 is be double the size of the original graphic; does the iPhone strictly scale the graphic down to the size of the original graphic or does it use the scaled, x2 graphic ? -- .(-. Christopher

Re: [css-d] Image compression suggestions ?

Export As is the same as save for web. PNG, especially transparent PNG won't compress too drastic when using save for web, from my experiences. ImgOptim & TriImage are not for PC. Tom Livingston wrote: I suggest starting with Save For Web, using the setting to get the image as small as

Re: [css-d] z-index of background images

Yes On Sunday, September 20, 2015, Crest Christopher wrote: > In terms of background images order ? > > Tom Livingston wrote: > > The order you have them in the CSS controls their stack order. > > On Sunday, September 20, 2015, Crest Christopher < >

Re: [css-d] Retina Graphic Sizes

It uses the 2x if you serve it the 2x, but if you don't give it the same coded dimensions as the 1x it will render at its native size. On Sunday, September 20, 2015, Crest Christopher wrote: > What is the hardware doing, as I said, simply scaling down the x2 image to

Re: [css-d] z-index of background images

I have multiple background images for a div, I want one of those background images to overlap the other. Tom Livingston wrote: https://css-tricks.com/stacking-order-of-multiple-backgrounds/ On Sunday, September 20, 2015, Tom Livingston > wrote:

Re: [css-d] z-index of background images

Ah, I caught the mark ! I hope it works ! Tom Livingston wrote: https://css-tricks.com/stacking-order-of-multiple-backgrounds/ On Sunday, September 20, 2015, Tom Livingston > wrote: Z-index won't help unless you are putting each image in its

Re: [css-d] Image compression suggestions ?

I know, I have numerous images I have to compression extremely low; I have to hunt for the options :-( Russ McMullin wrote: It really depends on the image. If it’s a photograph, PNG is not the way I would choose to save it. It’s just my opinion, but 75kb seems pretty large for a mobile

Re: [css-d] Retina Graphic Sizes

On Sunday, September 20, 2015, Crest Christopher wrote: > I have a question about retina graphics, if a graphic designed for the > iPhone 2 is be double the size of the original graphic; does the iPhone > strictly scale the graphic down to the size of the original

Re: [css-d] z-index of background images

The order you have them in the CSS controls their stack order. On Sunday, September 20, 2015, Crest Christopher wrote: > Unfortunately it's not possible to change the z-index of a multiple > background image; anyone have any suggestions as to how, if at all, this >

Re: [css-d] Image compression suggestions ?

I suggest starting with Save For Web, using the setting to get the image as small as possible in weight. Then use one of the compression tools mentioned to compress even further. ImgOptim will compress png as well as jpg. On Sunday, September 20, 2015, Crest Christopher

Re: [css-d] Retina Graphic Sizes

What is the hardware doing, as I said, simply scaling down the x2 image to what the x1 image is; or literally using the x2 graphic ? You will need to place the same dimensions of the 1x image on the 2x image. In other words, you need to scale it down in the mark up or CSS. ? Tom

Re: [css-d] z-index of background images

In terms of background images order ? Tom Livingston wrote: The order you have them in the CSS controls their stack order. On Sunday, September 20, 2015, Crest Christopher > wrote: Unfortunately it's not possible to change

Re: [css-d] z-index of background images

I can do multiple z-index and have them effect multiple background images ? Tom Livingston wrote: Yes On Sunday, September 20, 2015, Crest Christopher > wrote: In terms of background images order ? Tom Livingston wrote:

Re: [css-d] z-index of background images

Z-index won't help unless you are putting each image in its own container. Z-index won't effect a background image itself. On Sunday, September 20, 2015, Crest Christopher wrote: > I can do multiple z-index and have them effect multiple background images ? > > Tom

Re: [css-d] z-index of background images

https://css-tricks.com/stacking-order-of-multiple-backgrounds/ On Sunday, September 20, 2015, Tom Livingston wrote: > Z-index won't help unless you are putting each image in its own container. > Z-index won't effect a background image itself. > > On Sunday, September 20,

Re: [css-d] z-index of background images

Did you read the info at the link I sent? On Sunday, September 20, 2015, Crest Christopher wrote: > I have multiple background images for a div, I want one of those > background images to overlap the other. > > Tom Livingston wrote: > >

Re: [css-d] Image compression suggestions ?

> On 09/19/2015 10:12 PM, Crest Christopher wrote: >> Anyone have any image compression suggestions; there is one I use but it >> only took a 210kb image to around 100kb. I'm hoping to squeeze that 210kb >> image to around atleast 75kb without sacrificing too much quality. I've >> tried a

Re: [css-d] z-index of background images

The short-hand method didn't work. I'm going to revert everything back to it's original state and... Tom Livingston wrote: Shorthand should be: Background: url(image1.jpg) 50% 50% no-repeat, url(image2.jpg) 50% 50% no-repeat, Url(image3.jpg) 45% 65% no-repeat; On Sunday, September 20,

Re: [css-d] z-index of background images

On Sunday, September 20, 2015, Crest Christopher wrote: > Since I changed the background-image order to what in essence should have > worked out. This also required me to change the background-position order, > and to my surprise it doesn't work. > > What I had

Re: [css-d] z-index of background images

Shorthand should be: Background: url(image1.jpg) 50% 50% no-repeat, url(image2.jpg) 50% 50% no-repeat, Url(image3.jpg) 45% 65% no-repeat; On Sunday, September 20, 2015, Crest Christopher wrote: > Before I posted a link, if it's required. This is what I have in

Re: [css-d] Image compression suggestions ?

ImageOptim is only for Macs ! Karl DeSaulniers wrote: Just set the image at the size it needs to be with resolution at 72DPI and ImageOptim will compress it pretty good. You can also compress more than once and it takes a little more off. I wouldn't reduce with another program then this one.

[css-d] .active

How do I use JavaScript to change the status of a bootstrap button to .active. I'm happy to read a link. I haven't found one. Mark Weiss Mobile-435.363.6363 To reach a goal you have never before attained you must do things you have never before done" Elder Scott

Re: [css-d] .active

D Mark Weiss wrote: > How do I use JavaScript to change the status of a bootstrap button to > .active. I'm happy to read a link. I haven't found one. IF topic = "JavaScript" THEN topic := "off-topic; lists -:= "CSS-D FI

Re: [css-d] Image compression suggestions ?

Just set the image at the size it needs to be with resolution at 72DPI and ImageOptim will compress it pretty good. You can also compress more than once and it takes a little more off. I wouldn't reduce with another program then this one. First ImageOptim then photoshop save as. That's my

Re: [css-d] Image compression suggestions ?

Ok, but the same (I would say) holds true to any image compression utility. Use the program that is made to compress the image first using the full(est) resolution, then take that reduced file and see if photoshop can reduce more without mudding the image. Best, Karl DeSaulniers Design Drumm

Re: [css-d] z-index of background images

Since I changed the background-image order to what in essence should have worked out. This also required me to change the background-position order, and to my surprise it doesn't work. What I had previously was using the three background position properties; top, bottom, center. You can't

Re: [css-d] z-index of background images

Before I posted a link, if it's required. This is what I have in place as a pseudo thus far; background-image: ,, background-position:,, I've tried the short hand, that being; 50% 50%, 0% 45%,0% 65%. Image_a & Image_b don't even appear, it's as if they are gone ! Tom Livingston wrote:

Re: [css-d] Image compression suggestions ?

It really depends on the image. If it’s a photograph, PNG is not the way I would choose to save it. It’s just my opinion, but 75kb seems pretty large for a mobile image. Russ On Sep 20, 2015, at 3:44 PM, Crest Christopher wrote: > As well my images are PNG. I

Re: [css-d] Image compression suggestions ?

On 09/20/2015 12:07 PM, Crest Christopher wrote: What exactly does the 'Set DPI function' do; if you don't mind me asking ? Basically, it sets the resolution, in 'Dots Per Inch', or the image. For most web-page uses, 72 DPI is sufficient. You can use a 'thumb-nail' image, of small size or

Re: [css-d] Image compression suggestions ?

As well my images are PNG. I don't use the legacy Save for Web; I prefer Export As; formally Export Assets in Photoshop, which doesn't offer any control for compression for PNG images. Blurring parts of an image, it can be beneficial; not for mobile, where the screen is small to begin with.