image-resizing – Page 3

Responsive css background images

October 11, 2022 by Tarik

If you want the same image to scale based on the size of the browser window: background-image:url(‘../images/bg.png’); background-repeat:no-repeat; background-size:contain; background-position:center; Do not set width, height, or margins. EDIT: The previous line about not setting width, height or margin refers to OP’s original question about scaling with the window size. In other use cases, you may … Read more

Resizing an image in an HTML5 canvas

September 27, 2022 by Tarik

So what do you do if all the browsers (actually, Chrome 5 gave me quite good one) won’t give you good enough resampling quality? You implement them yourself then! Oh come on, we’re entering the new age of Web 3.0, HTML5 compliant browsers, super optimized JIT javascript compilers, multi-core(†) machines, with tons of memory, what … Read more

Resize image proportionally with CSS? [duplicate]

September 8, 2022 by Tarik

To resize the image proportionally using CSS: img.resize { width:540px; /* you can use % */ height: auto; }