New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add circle effect to photos #49

Closed
kleisauke opened this Issue Feb 12, 2017 · 0 comments

Comments

2 participants
@kleisauke
Member

kleisauke commented Feb 12, 2017

Add circle effect to photos [3910149]

Submitted by korayem on 30-4-2013 0:00:00
4 votes on UserVoice prior to migration

Response

by Andries Louw Wolthuizen on 10-5-2013 0:00:00

I modified the effect to your requirements, is this like you want it?
Without:
https://images.weserv.nl/?url=www.bestwalls.net/wp-content/uploads/2013/03/nature-wallpapers-high-resolution.jpg&h=400
With:
https://images.weserv.nl/?url=www.bestwalls.net/wp-content/uploads/2013/03/nature-wallpapers-high-resolution.jpg&h=400&circle
I’d like to hear from you!

Comments

Comment by korayem on 1-5-2013 13:05:00

Hey Andries,
I was referring to croping the image into a circle.
Example:
http://a2.res.cloudinary.com/demo/image/upload/c_fill,g_face,h_114,w_114/face_left.jpg
http://a2.res.cloudinary.com/demo/image/upload/c_thumb,g_face,h_114,r_max,w_114/face_left.jpg

Comment by Andries Louw Wolthuizen (Webmaster, Images.weserv.nl - Image cache & resize proxy) on 3-5-2013 21:56:00

Oh, and if you want it to be a circle (no ellipse), add &t=square and height+width:
https://images.weserv.nl/?url=www.google.com/logos/logo.gif&h=100&w=100&t=square&circle

Comment by korayem on 10-5-2013 4:25:00

That will do the trick! Perfect ;) thanks a ton

Comment by M_awadi on 18-11-2013 18:59:00

hi, nice work dude for Circular image
i just wondering if the circle boarder be like more sharp edges
like this image's boarder: http://a2.res.cloudinary.com/demo/image/upload/c_thumb,g_face,h_114,r_max,w_114/face_left.jpg
the current service produce the circle image's boarder less smooth
i hope it easy to fixe and thank you for this amazing service :)

Comment by Andries Louw Wolthuizen (Webmaster, Images.weserv.nl - Image cache & resize proxy) on 18-11-2013 20:49:00

They use some form of supersampling. I will experiment with some anti-aliasing, but can't promise anything. Supersampling as anti-aliastechnique is computational intensive, and can introduce more errors in the image, than it's trying to fix. However, I do hate those jagged edges in the current implementation.

Comment by Mohamed Naguib on 17-9-2014 13:50:00

Why do I have to set height while adding circle like this
https://images.weserv.nl/?url=www.jpl.nasa.gov/spaceimages/images/mediumsize/PIA17011_ip.jpg&h=400&circle
but when I don't add height, it doesn't circle the photo like this
https://images.weserv.nl/?url=www.jpl.nasa.gov/spaceimages/images/mediumsize/PIA17011_ip.jpg&circle
why don't you just circle the original size of the photo?

Comment by Andries Louw Wolthuizen (Webmaster, Images.weserv.nl - Image cache & resize proxy) on 18-9-2014 0:30:00

Seems to be some strange bug, I'll look into it. Could take some time to fix though, I'm guessing it has something to do with the (new) way we handle images that don't need any transformation or resizing.

Original UserVoice Submission

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment