Home Design webp 파일 포토샵에서 열고 저장하는 방법

webp 파일 포토샵에서 열고 저장하는 방법

새로운 이미지 포맷 webp

webp는 탁월한 무손실 및 기능을 제공한 이미지 포맷이다. webp 이미지는 png 파일 대비 26%, jpg 포맷보다 25-34% 정도 파일이 작다고 한다. 웹 사이트의 페이지를 보다 빠르게 로딩하기 위해서 개발된 새로운 이미지 압축 포맷이라고 보면 된다.

inline ad

참고문서 : https://developers.google.com/speed/webp/gallery1

webp 파일 포토샵에서 열기

Youtube 의 썸네일 이미지도 webp 파일로 활용하고 있다. webp 파일을 포토샵으로 가져왔을 때 에러 메시지가 뜨면서 열리지 않는다. 포토샵에서도 webp 파일을 열고 싶으면 webp 파일을 사용할 수 있도록 만든 plugin 을 폴더에 넣어주기만 하면 webp 파일을 열 수 있다.

Could net complete your request because it is not the right kind of document.

webp plugin 다운로드 및 플로그인 설치방법

아래 사이트에 접속하셔서 자신의 OS 환경에 맞는 파일을 다운로드 받으셔서 아래의 경로에 복사해서 넣어주면 된다.

다운로드 경로 : http://www.telegraphics.com.au/sw/product/WebPFormat

windows 64bit 를 사용하시는 분들은 아래 주소로 다운 받으시면 된다.
windows (64bit) : http://www.telegraphics.com.au/sw/files/WebPFormat-1.2b4-win64.zip

저는 포토샵 2019 버전을 사용하고 있어서 경로가 다음과 같다.
설치경로 : C:\Program Files\Adobe\Adobe Photoshop CC 2019\Plug-ins

포토샵에서 webp 파일 열기

유튜브에서 다운로드 받은 webp 파일을 한번 열어보았는데 파일이 열리는 것을 확인했습니다. 그렇다면 편집 후 webp 파일로 저장이 되는 지 확인해볼까요?

다른이름으로 저장하니깐 WebP 파일로 저장할 수 있는 옵션이 있는 것을 확인해보았습니다. 이제 webp 파일을 마음껏 수정 사용할 수 있겠네요.

RECENT POSTS

[javascript]트리 구조의 객체를 재귀적 함수로 평면화하는 방법

const getItems = (items) => { const flattenItems = (currentItems) => { let flatItems = ; for...

[javascript]객체를 복사하고 특정 키를 제외하여 객체를 생성하는 방법

const obj = { name: 'markettraders', age: 20, address: { city: 'seoul', zip: '12345' ...

[javascript]!! 연산자 not not 연산자

"!!" 연산자는 값을 boolean으로 형변환하는 데 사용됩니다. 이를 "not not" 연산자라고도 합니다. 이 연산자는 값을 true 또는 false로 간단히 변환하여 반환합니다. 예를 들어, JavaScript에서 다음과...

Youtube 오디오 라이브러리에서 가장 많이 사용하는 음악 TOP20 을 알려드립니다.

YouTube 오디오 라이브러리는 콘텐츠 제작자가 저작권 침해에 대한 걱정 없이 동영상에 사용할 수 있는 방대하고 다양한 무료 음악 및 음향 효과 라이브러리입니다. 아래 URL...