Give a photo rounded corners without Photoshop or CSS »çÁø Áà Æ÷Åä¼¥À̳ª CSS¸¦ÇÏÁö ¾Ê°í ¸ð¼­¸®¸¦ µÕ±Û°Ô

Posted on November 13, 2008 at 5:34 am 13 ÀÏ, 2008 °Ô½ÃµÊ ¿ÀÀü 5:33

Trying to give an image rounded corners in Photoshop or by using CSS was one of the hardest things for me to do when I used to have my own web design business. À̹ÌÁö¸¦ Á¦°øÇÏ·Á°í ³ë·ÂÇÏ´Â Æ÷Åä¼¥¿¡ ¸ð¼­¸®¸¦ µÕ±Û°ÔÀ̳ª CSS¸¦ »ç¿ëÇÏ¿© ÇÑ ³¯¿¡ ´ëÇÑ Èûµé »ç¹°ÀÇ »ç¾÷À» ÇÒ ¶§ ³» ÀÚ½ÅÀÇ À¥ µðÀÚÀο¡ »ç¿ë ÇÒ ¼öÀÖ´Ù. I actually hated trying to create those curved corners because they never came out exactly right! »ç½Ç ³»°¡ ³ª¿Â ÀûÀÌ Àֱ⠶§¹®¿¡ ¹Ù·Î ±× °î¼± ¸ð¼­¸®¸¦ ¸¸µé·Á°í ½È¾î!

And even if they did, the background color would change and I would have to edit the images over and over. ±×¸®°í ¼³»ç ±×µéÀÇ ¹è°æ »ö»óÀ» º¯°æÇÒ °ÍÀ̶ó°íÇߴµ¥ ±× À̹ÌÁö¸¦ ¹Ýº¹Çؼ­ ¼öÁ¤ÇØ¾ß ÇÒ °ÍÀÌ´Ù. I was always hoping someone would create a script or program that would automatically create rounded corners for me! ³­ Ç×»ó ´©±º°¡°¡ ³ª¸¦ À§ÇØ ÀÚµ¿À¸·Î ½ºÅ©¸³Æ® ¶Ç´Â µÕ±Ù ¸ð¼­¸®¸¦ ¸¸µå´Â °ÍÀÌ ÇÁ·Î±×·¥À» ¸¸µé °ÍÀ̶ó°í ±â´ëÇß´Ù!

RoundPic RoundPic is a free service that answered my call! ±× ´ë´äÀº ³» ÀüÈ­´Â ¹«·á ¼­ºñ½ºÀÔ´Ï´Ù! Using RouncPic, you can take a normal picture and give it rounded corners instantly! RouncPic¸¦ »ç¿ëÇϸé Á¤»óÀûÀÎ »çÁøÀ» ÂïÀ» ¼ö ÀÖ°í ±×°ÍÀ» ¼ø½Ä°£¿¡ ¸ð¼­¸®¸¦ µÕ±Û°Ô! Not only that, the background is transparent, so you can put the image against any background color without having to modify anything. »Ó¸¸ ¾Æ´Ï¶ó, ¹è°æÀÌ Åõ¸íÇÕ´Ï´Ù, ±×·¡¼­ ´ç½ÅÀÌ ¾î¶² ¹è°æ »ö»óÀ» »ó´ë·Î ¾Æ¹«°Íµµ ¼öÁ¤ÇÏÁö ¾Ê°íµµ À̹ÌÁö¸¦ ³ÖÀ» ¼öÀÖ½À´Ï´Ù.

roundpic

Here is what my image looks like before I added rounded corners to it using RoundPic: ¿©±â¿¡ µÕ±Ù ¸ð¼­¸®¸¦ »ç¿ëÇϱâ Àü¿¡ ±×°ÍÀ» RoundPic Ãß°¡ ³» À̹ÌÁö°¡ ¾î¶»°Ô »ý°å´ÂÁö :

sunset

And here is my picture after I used RoundPic: ±×¸®°í ¿©±â¿¡ ³» »çÁøÀÌ ÈÄ RoundPic »ç¿ëµË´Ï´Ù :

rounded corners

Pretty easy eh! ¾ÆÁÖ ½¬¿ö ¾ß! Not only does it do a great job using just the default settings, but you can also configure many options to make the rounded corners look exactly the way you want. »Ó¸¸ ¾Æ´Ï¶ó ¾ÊÀ¸¸é ±âº» ¼³Á¤À» »ç¿ëÇÏ¿© ¾ÆÁÖ ¸ÚÁø ÀÏÀÌÁö¸¸, ¶ÇÇÑ ¸¹Àº ¿É¼ÇÀ» ±¸¼ºÇÏ´Â µÕ±Ù ¸ð¼­¸®°¡ Á¤È®È÷ ¿øÇÏ´Â ¹æ½ÄÀ¸·Î º¸ÀÌ°Ô ¸¸µé ¼öÀÖ½À´Ï´Ù. At the top left, you can choose which corners should be rounded (does not have to be all four), the width and height of the image, the size of the rounded corner and also the background color or whether you want to make it transparent. ¿ÞÂÊ »ó´Ü¿¡, ´ç½ÅÀÌ Äڳʴ ¹Ý¿Ã¸²ÇØ¾ß ¼±ÅÃÇÒ ¼öÀÖ½À´Ï´Ù (4)ÀÌ ¾ø´Ù´Â À̹ÌÁöÀÇ ³Êºñ¿Í ³ôÀÌ, Å©±â¿Íµµ µÕ±Ù ¸ð¼­¸®ÀÇ ¹è°æ »ö»óÀ̳ª ¿©ºÎ¸¦ ¸¸µé°í ½Í¾î ±×°ÍÀ» Åõ¸íÇÏ°Ô ÀÖ´Ù.

create rounded corners

Since I found this site, I have never bothered creating rounded corners using CSS, HTML tricks, Photoshop or Javascript! ÀÌÈÄ·ÎÀÌ »çÀÌÆ®¸¦ ¹ß°ß, µÕ±Ù ¸ð¼­¸®´Â CSS, HTMLÀ» Æ®¸¯, Æ÷Åä¼¥À̳ª ÀÚ¹Ù ½ºÅ©¸³Æ®¸¦ »ç¿ëÇÏ¿© ¸¸µå´Â ±ÍÂú°Ô ÀûÀÌ ¾ø´Ù! It¡¯s just a waste of time since this site can do everything for you! ±×°ÍÀº ´ÜÁö ½Ã°£ ³¶ºñ ÀÌÈÄ·ÎÀÌ »çÀÌÆ®¿¡ ´ç½ÅÀ» À§ÇØ ¸ðµç °ÍÀ» ÇÒ ¼ö ÀÖ¾î¿ä! Enjoy! Áñ±â´Ù!

Enjoyed this post? ÀÌ °Ô½Ã¹°À» ÀßÇß³ª? Subscribe to Online Tech Tips via ¿Â¶óÀÎ Å×Å© ÆÁÀ» ÅëÇØ ±¸µ¶ ½Åû RSS Feed RSS Çǵå or via ¶Ç´Â¸¦ ÅëÇØ Email À̸ÞÀÏ and receive free daily productivity tips. ¹«·á ÀÏÀÏ »ý»ê¼º ÆÁÀ»¹ÞÀ» ¼öÀÖ´Ù.

» Filed Under »Ãâ¿ø¿¡¼­ Cool Websites À¥»çÀÌÆ® Äð

¸ÀÀִ¿¡ Ãß°¡ Save this page ÀÌ ÆäÀÌÁö¸¦ ÀúÀå ±×°Í Mixx Stir it up on Mixx Mixx¿¡ ¿Ã·Á ÆÄ¹®
reddit Add to Reddit reddit¿¡ Ãß°¡ StumbleUpon Stumble this page ÀÌ ÆäÀÌÁö¸¦ ´õµë´Ù

Related Posts °ü·Ã °Ô½Ã¹°

Please post your comments/suggestions! ±ÍÇÏÀÇ ÀǰßÀ» °Ô½ÃÇϽñ⠹ٶø´Ï´Ù / Á¦¾È!