Skip to content

Latest commit

 

History

History
62 lines (31 loc) · 2.7 KB

README.md

File metadata and controls

62 lines (31 loc) · 2.7 KB

resizeto

Powers https://resizeto.com

Resizeto.com is an image resizing tool aimed to quickly resize images for documentation and user guides where all images should have somewhat standard dimensions and file formats.

How to use:

Create a link describing the desired image parameters such as width, height, padding, etc, and share that link with documentation authors. For example, https://resizeto.com/w_1000/h_500/f_fit/bg_ffffffff/as_jpg/q_75

w — All generated images will have this width.

h — Height guideline, the exact result dimensions will depend on the fitting mode.

f — Fitting mode. fit to create w × h image and fit the source image completely inside. cover to create w × h image and size the source image to cover the area; some cropping may occur. extend to create an image with w width and the dynamic height of at least h to match the source image aspect ratio.

px — Horizontal padding.

py — Vertical padding.

aspng or jpg.

q — JPEG image quality.

bg — Resulting image background in RRGGBBAA hex format, i.e. FFFFFFFF is fully opaque white, FF00007F is semi-transparent red, etc.

All processing happens inside your browser window and no images are uploaded to servers. No tracking of any kind. Source code, bug reports, and requests at https://github.com/sergeystoma/resizeto

Examples:

Source image for all examples:

Source image

Create an image 600px wide, dynamic height based on the aspect ratio, save as JPG with 75 quality, and add a shadow frame.

https://resizeto.com/w_600/h_1/f_extend/bg_ffffffff/as_jpg/q_75/frame_shadow

Result:

JPG Shadow

Create an image 600px wide, 300px height, fit the source image to specified dimensions, save as JPG with 75 quality, and add a dark browser frame.

https://resizeto.com/w_600/h_300/f_fit/bg_ffffffff/as_jpg/q_75/frame_browserdark

Result:

JPG Browser Dark

Create an image 600px wide, 300px height, cover the entire available area, save as PNG, and add a light browser frame.

https://resizeto.com/w_600/h_300/f_cover/bg_ffffffff/as_png/frame_browserlight

Result:

PNG Browser Light

Acknowledgements

Resizeto uses Pica (https://github.com/nodeca/pica) for high-quality image resizing on the client side.