IT 콘텐츠를 스크랩하고 관리해 보세요!
성장에 도움이 되는 IT 콘텐츠를 스크랩하고 관리해 보세요!
스크랩북 시작하기
다른 서비스
NEW
기획
디자인
개발
프로덕트
아웃소싱
프리랜싱
비즈니스
최근 검색어
전체 삭제
최근 검색어가 없습니다.

이미지 편집은 디자이너가 아니더라도 꽤 자주 필요한 업무인데요. 저는 주로 이미지 크기, 비율을 수정하거나 일정 영역을 잘라낼 때 사용합니다. 이렇게 편집한 이미지는 문서에 삽입하거나, 피그마 등의 툴을 활용해 프로토타입을 제작할 때도 있습니다. 오늘 소개하는 ‘Edit.photo’는 무료로 이용할 수 있지만, 이미지 편집에 꼭 필요한 핵심 기능을 담고 있는 곳입니다. (저는 이곳을 알게 된 이후로 포토스케이프 사용 빈도가 줄었습니다.)

회원가입을 하면 원하는 문장을
저장 할 수 있어요!

다음

회원가입을 하면
성장에 도움이 되는 콘텐츠를
스크랩할 수 있어요!

확인

디자인

웹에서 바로 편집하는 무료 이미지 에디터 ‘Edit.photo’

 

이미지 편집은 디자이너가 아니더라도 꽤 자주 필요한 업무인데요. 저는 주로 이미지 크기, 비율을 수정하거나 일정 영역을 잘라낼 때 사용합니다. 이렇게 편집한 이미지는 문서에 삽입하거나, 피그마 등의 툴을 활용해 프로토타입을 제작할 때도 있습니다. 오늘 소개하는 ‘Edit.photo’는 무료로 이용할 수 있지만, 이미지 편집에 꼭 필요한 핵심 기능을 담고 있는 곳입니다. (저는 이곳을 알게 된 이후로 포토스케이프 사용 빈도가 줄었습니다.)

 

7가지 핵심 기능을 무료로 이용하는 이미지 편집 에디터

‘Edit.photo’는 ‘Pintura’에서 만든 무료 이미지 편집 에디터인데요. ‘Pintura’는 자바스크립트 기반의 이미지 에디터로 잘 알려진 곳으로 드롭박스, 아마존, 삼성 등 전 세계적으로 1,978여 곳에서 사용되고 있는 툴이기도 합니다. 이런 툴을 웹상에서 무료로 쉽게 사용할 수 있도록 ‘Edit.photo’를 만들었습니다.

 

다음은 Edit.photo에서 제공 중인 기능입니다.

 

  • 이미지 자르기 (원본 이미지 기준, 기울이기와 스케일 편집)
  • 이미지 필터 적용 (13개의 필터 제공)
  • 밝기, 대비, 채도 등 8가지 세밀한 편집 조건 제공
  • 텍스트 삽입, 선, 도형, 간단한 이모지 편집 기능 제공
  • 다양한 디자인의 프레임 제공
  • 민감한 정보를 가릴 수 있는 기능 제공
  • 이미지 리사이즈 기능 제공

 

피그마가 초기에 큰 인기를 끌었던 이유가 바로 ‘가벼움’ 때문인데요. 스케치는 특정 OS에서 설치 후 사용해야 한다는 조건이 필요했지만, 피그마는 클라우드를 기반으로 프로그램 설치 없이 웹상에서 바로 사용이 가능한 전략으로 많은 사용자를 끌어모을 수 있었습니다. 물론 이러한 툴들과 단순 비교는 어렵지만, ‘Edit.photo’ 역시 설치 과정, 회원가입 없이 바로 이미지 편집이 가능합니다. 게다가 쿠키를 수집하지 않고, 광고가 없으며 기타 활동을 추적하지도 않아 거부감 없이 서비스를 이용할 수 있는 환경입니다. 아쉽게도 한국어는 없지만, 영어, 스페인어, 독일어, 프랑스어, 중국어 등 7개 언어를 지원하고 있습니다.

 

무료 이미지 에디터 ‘Edit.photo’
<출처: Edit.photo>

 

먼저 ‘Edit.photo’의 기본 편집 화면입니다. 왼쪽 상단에 ‘사진 선택' 버튼이 있어 원하는 이미지를 업로드할 수 있고, 왼쪽 사이드에 7가지 주요 편집 도구를 선택해 활용할 수 있습니다. 되돌리기는 크게 두 가지 버전으로 나뉘는데 하나는 초기화이며 또 하나는 이전 상태로 돌아가기입니다.

 

초기화는 사진 선택 버튼 옆에, 이전으로 되돌리기 버튼은 상단 중앙에 자리 잡고 있습니다. 사진 업로드와 동시에 먼저 사용할 수 있는 편집 도구는 ‘자르기'입니다. 위 이미지를 보면 선택된 이미지 테두리에 자르기 기능이 적용된 것을 알 수 있는데, 원하는 영역을 선택해 이미지를 쉽게 잘라낼 수 있습니다.

 

무료 이미지 에디터 ‘Edit.photo’
<출처: Edit.photo>

 

기본적으로 자르기는 언제든 가능한 상태를 유지(흰색 테두리)하고 있으며, 그 외 기능들은 버튼을 클릭해 적용할 수 있습니다. 90도 회전이나 좌우 반전, 그리고 원하는 비율에 따른 편집도 가능하며, 비율에 따른 편집은 사용자가 직접 선택하는 방법 외 1:1, 2:1, 4:3, 21:9 등 9개 선택지 중 선택해 손쉬운 편집이 가능합니다.

 

또한 하단에는 ‘Rotaiton’, ‘Scale’ 두 가지 편집 도구가 있는데, 첫 번째는 이미지를 원하는 각도로 만드는 역할을, 두 번째는 사진을 잘라내지 않고 %에 따라 확장할 수 있는 역할을 합니다.

 

무료 이미지 에디터 ‘Edit.photo’
<출처: Edit.photo>

 

두 번째 편집 도구는 필터입니다. 필터는 클릭 한 번으로 적용할 수 있으며, 파스텔, 크롬, 모노, 세피아 등 우리가 자주 접해본 기본 효과로 구성되어 있습니다. 흑백 필터만 해도 4개가 적용되어 있어 간단한 효과를 주고 싶을 때 자주 사용할 수 있는 도구입니다.

 

무료 이미지 에디터 ‘Edit.photo’
<출처: Edit.photo>

 

세 번째 도구는 밝기, 노출, 대비 등을 상세하게 적용할 수 있는 편집 도구입니다. 제가 블로그 등 글 작성 시 필요한 이미지를 편집할 때, 자르기 기능과 함께 가장 많이 사용하는 도구이기도 합니다. 총 8가지 세부 조건이 제공되며, 각 조건을 클릭한 뒤 0에서 100까지 중 선택해 효과를 반영할 수 있습니다.

 

무료 이미지 에디터 ‘Edit.photo’
<출처: Edit.photo>

 

네 번째 편집 도구는 텍스트, 선, 화살표 등을 사용할 수 있게끔 도와줍니다. 이 도구는 이미지 캡처 후 팀원에게 공유해야 하는 상황에서 유용하게 사용할 수 있습니다. 물론 커버 이미지 등으로 사용할 경우, 텍스트를 바로 입력할 수 있어 편리합니다.

 

무료 이미지 에디터 ‘Edit.photo’
<출처: Edit.photo>

 

다섯 번째 도구는 ‘프레임’입니다. 프레임 컬러는 물론 사이즈를 직접 선택할 수 있으며, 9개의 디자인 프레임이 기본 제공되어 상황에 따라 적용할 수 있습니다. 이미지만 잘 고른다면 프레임과 텍스트 편집 도구를 활용해, 외부 공유용 이미지를 제작하는 것도 충분히 가능하다고 봅니다.

 

무료 이미지 에디터 ‘Edit.photo’
<출처: Edit.photo>

 

다음으로 이미지에 가려야 하는 정보가 있을 때가 있는데, 이런 경우 선택한 영역을 가려주는 ‘Redact’ 기능도 제공합니다.

 

마지막으로 살펴볼 도구는 ‘리사이즈'로 이미지의 비율을 유지하거나, 유지하지 않은 상태로 숫자를 입력해 원하는 사이즈로 변경할 수 있는 기능입니다.

 

 

한 번은 꼭 써봐야 하는 이유

무료 이미지 에디터 ‘Edit.photo’
<출처: Edit.photo>

 

‘Edit.photo’를 통해 완성된 이미지는 JPEG, WEBP, PNG, GIF 등 네 가지 포맷에 따라 무료로 내려받을 수 있습니다. 이때 이미지 퀄리티를 0-100% 수준으로 설정할 수 있으며, 이미지 자체를 복사하는 기능도 지원합니다. 물론 무료라는 점이 모든 기능을 대표할 순 없겠지만, 기본 제공되는 편집 도구가 모두 유용하고 웹상에서 큰 불편함 없이 바로 사용 가능하다는 점에서 이미지 편집이 필요할 때, 사용해 볼 만한 가치가 충분하다고 생각합니다.

 

요즘IT의 모든 콘텐츠는 저작권법의 보호를 받는 바, 무단 전재와 복사, 배포 등을 금합니다.

좋아요

댓글

공유

공유

댓글 1

지금 써보러 갑니다

작지만 가치 있는 변화를 이끌어내는 서비스를 만들기 위해 노력하고 있습니다. 국내외 다채로운 IT 서비스와 트렌드를 살펴보는 것이 좋아 '지금 써보러 갑니다'를 운영하고 있어요.

일반 공개된 AI 디자인 툴 '마이크로소프트 디자이너' 리뷰

디자인

몇 초 만에 다양한 UI 구성하는 ‘Shaper’

디자인

태그 기반 북마크 관리 서비스 ‘Bookmarkify’

프로덕트

실제 화면에서 피드백 주고받는 ‘ruttl’

디자인

프롬프트 한 줄로 다섯 가지 컬러 만드는 ‘AI Colors’

디자인

모바일 앱 누구나 쉽게 디자인할 수 있는 ‘Aaply’

디자인

한글 폰트도 쉽게 적용할 수 있는 폰트 프로토타이핑 툴 ‘TypeTrials’

디자인

"겨울은 무슨 색?" 단어 검색하면 컬러값 추천하는 Picular

디자인

브랜드 로고 1,000개 레퍼런스 창고 'LOGGGOS'

디자인

차트 생성 및 디자인 툴을 무료로 제공하는 ‘MagicPattern’

디자인

디자인 영감을 직관적으로 수집할 수 있는 'SAVEE'

디자인

캡처와 동시에 이미지를 편집할 수 있는 ‘Xnapper’

디자인

몇 번의 클릭으로 디자인 패턴을 만드는 ‘more.graphics’

디자인

다양한 컬러 생성과 활용으로 색 조합을 도와주는 ‘Coolors’

디자인

배경, 효과 등을 마음대로 조합해 아이콘을 만드는 ‘Iconray’

디자인

디자인 아이디어를 구체화할 수 있는 캔버스 ‘Easel’

디자인

이미지를 중심으로 다양한 피드백을 주고받는 ‘Picflow’

디자인

스크린샷을 목업 이미지로 편집하는 서비스, ‘Pika’

디자인

2억 개 이상 조합이 가능한 3D 아바타 생성 서비스, ‘Peeps’

디자인

업무에 바쁜 당신을 위한 기본 아이콘 제공 서비스, ‘heroicons’

디자인

앱 설치율을 높이기 위한 스크린샷 제작 서비스, PWA Screenshots Generator

디자인

“특정 주제 이미지를 한 번에!”…스톡 이미지 제공 사이트 모음

디자인

선택이 어려운 당신을 위한 컬러 조합 서비스, Reverb

디자인

구글 폰트보다 더 빠르고 쾌적하게, Bunny Fonts

디자인

여섯 가지 디자인 패턴을 제작하는 웹 서비스, Heazy Studio

디자인

다섯 가지 프로필을 쉽게 생성하는 피그마 플러그인, Avatarg

디자인

정적인 SVG 파일에 생동감을 더해주는, Designstripe

디자인

당신의 ‘선’ 작업을 돕는 2가지 서비스

디자인

레퍼런스 수집 및 관리가 쉬워지는, Substratum

프로덕트

커버 이미지 제작이 쉬워지는 서비스, Coverview

디자인

애니메이션이 포함된 목업 제작 서비스, ‘Animockup’

디자인

다양한 종류의 화살표 제작을 돕는, 'Fffuel'

디자인

프로필 제작을 위한 매력적인 툴 ‘Boringavatars’와 ‘Avvvatars’

디자인

핸드 스케치를 위한 만능 툴, ‘Printables’와 ‘Sneakpeekit’

디자인

디자이너가 원하는 컬러를 손쉽게, 'Atmos'

디자인

웹 페이지 구성 도우미 ‘Shuffle’

디자인

디자인 시스템에 필요한 UI 컴포넌트 모음

디자인

다양한 UI 설정을 실시간으로 적용하는 서비스 ‘셰이퍼’

디자인

보다 쉬운 웹 접근성을 위한 도우미 : The A11Y Project

디자인

취향에 맞게 아이콘과 일러스트 편집이 가능한: Shape

디자인

원하는 폰트 조합을 쉽게 찾을 수 있는: Archetype

디자인

디자인 패턴 제작 시 유용한 서비스들

디자인

디자인 작업 시 유용한 아이콘 제공 서비스들

디자인

다양한 그래픽 콘텐츠를 제작할 수 있는: Mega Creator

디자인

박스 디자인을 쉽게 생성할 수 있는: Box Shadow Art

프로덕트

웹에서 이미지 및 영상 편집을 쉽게 하고 싶다면?

디자인

피그마 작업 시 유용한 플러그인 Top3

디자인

빠른 목업 제작을 위해 알아두면 좋은 서비스들

디자인

웹사이트와 문서에 대한 피드백을 손쉽게! : Punchlist

프로덕트

디자인 작업 효율을 높여주는 크롬 확장 프로그램 5

디자인

원하는 스타일에 따른 컬러 조합 확인이 가능한: Huemint

디자인

특정 웹페이지의 벡터 콘텐츠를 확인하는: SVG Gobbler

디자인

컬러와 물결 패턴으로 배경을 만드는: Wicked Backgrounds

디자인

다섯 가지 컬러 조합으로 웹디자인 구성을 돕는: Happyhues

디자인

바우하우스 스타일의 패턴 디자인 생성: Bauhaus Art Generator

디자인

글래스모피즘 디자인 구현을 위한 CSS 생성 서비스: Glass UI

디자인

이 글을 본 사람들이 함께 스크랩한 콘텐츠를 권해드려요.

같은 분야를 다룬 글들을 권해드려요.

요즘 인기있는 이야기들을 권해드려요.

좋아요

댓글

스크랩

공유

공유

지금 회원가입하고,
요즘IT가 PICK한 뉴스레터를 받아보세요!

회원가입하기
지금 회원가입하고,
요즘IT가 PICK한 뉴스레터를 받아보세요!
회원가입하고, 뉴스레터를 받아보세요!
회원가입하기