PNG를 WebP로 변환 Portable Network Graphics ↔ WebP 무료 온라인 안전

사람들이 PNG를 WebP로 변환하는 이유

PNG는 날카로운 가장자리와 비치는 배경의 그림 형식입니다. 모든 픽셀을 그려진 그대로 유지하며, 그래서 로고, 스크린샷, 도표, 인터페이스 목업이 이 형식으로 저장됩니다. 대가는 크기입니다. 사진이나 큰 스크린샷의 PNG는 몇 메가바이트가 나갈 수 있고, 웹 페이지가 그런 것 수십 개로 이루어지면 느리게 로드되고, 방문객의 데이터 요금을 잡아먹고, 검색 엔진이 빠른 사이트에 주는 점수를 깎습니다. WebP는 바로 그 문제를 고치려고 만든 더 새로운 형식입니다. 더 작은 파일을 만들고, 투명도를 유지하며, 모든 현재 브라우저가 이해합니다. 그래서 사람들이 PNG를 WebP로 변환합니다. 비치는 배경을 잃지 않고 더 가벼운 그림을 원하는 것입니다.

상황은 흔합니다. 이미지가 너무 무겁다는 말을 들은 웹사이트 소유자. 더 빠른 페이지를 원하는 개발자. 투명한 배경의 제품 사진이 수백 장 있는 가게. 스크린샷 때문에 글이 천천히 열리는 블로거. 어느 경우든 목표는 같습니다. 올바르게 보이면서 더 적게 나가는 그림입니다.

이 페이지는 브라우저 안에서 PNG를 WebP로 변환합니다. 그림은 원래 크기로 한 번 다시 그려져 WebP로 저장됩니다. 크기가 바뀌는 것은 없으며 파일은 기기를 떠나지 않습니다. 아래에서 작동 방식, 유지되는 것, 대가, PNG를 그대로 두어야 할 때를 확인하실 수 있습니다.

변환이 작동하는 방식

원래 크기로 한 번 다시 그립니다

PNG는 브라우저 안에서 열려 자체 너비와 높이로 캔버스에 그려지고 WebP로 저장됩니다. 그림은 한 번 다시 그려지고 크기가 바뀌는 것은 없으므로, 1200 곱하기 800 픽셀의 그림은 나중에도 1200 곱하기 800 픽셀입니다. 서버로는 아무것도 전송되지 않으므로 기다릴 것도 삭제할 것도 없습니다.

WebP가 더 작은 이유

WebP는 옛 형식보다 더 현대적인 방식으로 그림을 압축합니다. 같은 모습에 보통 훨씬 적은 데이터가 필요합니다. 사진에서는 절약이 매우 클 수 있고, 평평한 그래픽에서는 더 작습니다. 이 형식은 JPG가 지원하지 않는 투명도도 지원하며, 그것이 특히 PNG의 좋은 대체가 되게 합니다.

손실 WebP

여기서 WebP는 손실 형식입니다. 눈이 가장 알아차리기 어려운 세부를 조금 버려서 공간을 절약합니다. 반면 PNG는 아직 아무것도 잃지 않은 상태였습니다. 변환하기 전에 이해해 둘 만한 점입니다. 그림이 세부 일부를 처음으로 내놓는 순간입니다.

유지되는 것

정확한 크기

그림의 너비와 높이는 정확히 유지됩니다. WebP는 화면에서 PNG와 같은 크기이므로 레이아웃을 바꾸지 않고 페이지의 같은 자리에 들어갑니다.

투명도

투명도는 유지됩니다. JPG와 달리 WebP는 비치는 배경을 유지하므로 로고나 오려낸 제품 사진이 여전히 그 뒤의 것을 보여 줍니다. PNG에서 시작할 때 JPG 대신 WebP를 고르는 주된 이유입니다.

PNG를 WebP로 변환하기 전에 알아야 할 것

그림이 처음으로 내놓는 세부입니다

여기서 WebP는 손실 형식이고 PNG는 아직 아무것도 잃지 않았으므로, 이 변환은 그림이 처음으로 세부를 내놓는 때입니다. 사진에서는 보기 어렵고 파일이 크게 줄어듭니다. 스크린샷, 도표, 날카로운 텍스트가 있는 것에서는 가장자리가 부드러워지고 절약이 작습니다. 그림이 대부분 평평한 색과 또렷한 선이라면 모두 변환하기 전에 하나를 시험해 보십시오.

다시 편집할 것이라면 PNG를 보관하세요

그림을 다시 편집할 것이라면 PNG를 보관하십시오. 손실 그림은 저장할 때마다 조금씩 더 잃습니다. PNG가 마스터이고 WebP는 웹에 올리는 사본입니다. WebP를 편집해 다시 WebP로 저장하기를 되풀이하지 마십시오.

보일 곳을 확인하세요

모든 현재 브라우저가 WebP를 읽고 대부분의 편집 프로그램과 휴대전화도 그렇습니다. 일부 오래된 소프트웨어, 이메일 프로그램, 인쇄 서비스는 여전히 PNG나 JPG를 기대합니다. 목적지가 특이하다면 원본을 교체하기 전에 확인하십시오.

여기서 PNG를 WebP로 변환하는 방법

그림 추가

PNG를 페이지에 끌어다 놓거나 기기에서 고르십시오. 브라우저 안에서 열리며 업로드되지 않습니다.

변환

버튼을 누르십시오. 그림 하나는 잠깐 걸리고 큰 그림은 조금 더 걸립니다. 끝날 때까지 페이지를 열어 두십시오.

내려받고 비교

WebP를 내려받아 PNG와 견주어 보십시오. 글자의 가장자리와 부드러운 영역을 살피고 파일 크기를 확인하십시오. 올바르게 보이면서 훨씬 적게 나간다면 원하는 것을 얻은 것입니다.

PNG와 WebP 자세히 보기

두 형식의 유래

PNG는 구십 년대 중반에 옛 형식의 무료 대체로 등장해 정확해야 하는 그림의 표준이 되었습니다. WebP는 웹을 빠르게 하려고 2010년 Google이 도입했고 몇 해에 걸쳐 모든 주요 브라우저가 채택했습니다. 둘 다 투명도를 담을 수 있고, 그림을 저장하는 방식이 다릅니다. PNG는 손실 없이 저장합니다. WebP는 둘 다 할 수 있지만 여기서 쓰는 종류는 훨씬 작은 파일의 대가로 작은 손실과 함께 저장합니다.

어떤 그림이 가장 이득인가

사진이 가장 이득입니다. 눈에 보이는 변화 없이 파일이 크기의 일부로 줄 수 있습니다. 큰 평평한 영역과 날카로운 선이 있는 그림은 이득이 적고 손실이 더 드러납니다. 글자의 스크린샷은 가장 어려운 경우인데, 글자가 손실 형식이 조금 부드럽게 하는 경향이 있는 또렷한 가장자리를 가지기 때문입니다.

투명도와 부드러운 가장자리

비치는 배경은 살아남지만 그림자나 빛무리의 부드러운 가장자리는 손실 압축 뒤에 희미한 후광이 보일 수 있습니다. 눈에 띄면 그림이 나타날 페이지의 색 위에서 확인하십시오. 후광은 맞는 배경에서는 보이지 않는 경우가 많습니다.

흔한 상황을 자세히

웹사이트 빠르게 하기

그림은 보통 페이지에서 가장 무거운 부분입니다. WebP로 변환하는 것은 더 빨리 로드되게 하는 가장 간단한 방법 중 하나입니다. 절약이 가장 큰 곳이므로 사진과 큰 배너부터 PNG를 WebP로 변환하십시오.

투명한 제품 사진이 있는 온라인 상점

투명한 배경에 오려낸 제품은 상점에서 흔합니다. WebP는 오려낸 것을 유지하면서 파일을 더 가볍게 하여 품목이 많은 페이지에 도움이 됩니다.

스크린샷이 있는 블로그와 글

스크린샷은 쌓입니다. 글이 느리다면 더 큰 것을 변환하고 원본을 교체하기 전에 텍스트의 선명도를 견주어 보십시오.

이메일과 메시지

일부 메일 도구와 채팅 프로그램은 아직 WebP를 표시하지 않습니다. 그림이 이메일로 갈 것이라면 PNG나 JPG 버전도 보관하고 사이트에는 WebP를 쓰십시오.

PNG를 WebP로 변환하기 전의 실용적 조언

먼저 그림 하나를 시험하기

그림 하나를 변환해 전체 크기로 살펴보십시오. 결과가 좋으면 나머지를 변환하십시오. 텍스트가 부드러워 보이면 스크린샷은 PNG로 두고 사진만 변환하는 것을 고려하십시오.

원본 보관하기

PNG 파일은 자기만의 폴더에 보관하십시오. 절약은 웹 사본에서 나오며, 원본은 그림을 편집하거나 인쇄해야 할 때를 위한 안전망입니다.

이름에 유의하기

WebP에 분명한 이름을 붙이고 PNG와 같은 기본 이름을 유지하여 어느 것이 어느 것에 속하는지 알 수 있게 하십시오. 확장자는 바뀌고 나머지는 바뀌지 않아야 합니다.

동시에 크기를 조정하지 마십시오

변환기는 원래 크기를 유지합니다. 페이지에 더 작은 그림이 필요하다면 먼저 편집기에서 크기를 조정한 다음 PNG를 WebP로 변환하십시오. 400으로 보여 주는 4000 픽셀의 그림은 무게의 낭비입니다.

변환하기 전에 사람들이 묻는 질문

품질이 떨어지나요?

네, 조금 떨어집니다. 여기서 WebP는 손실 형식이므로 그림이 세부 일부를 내놓습니다. 사진에서는 보기 어렵고 날카로운 텍스트에서는 더 알아차리기 쉽습니다.

투명도가 유지되나요?

네. WebP는 JPG가 유지하지 못하는 비치는 배경을 유지합니다.

픽셀 크기는 같은가요?

네. 크기가 바뀌는 것은 없고 정확한 크기가 유지됩니다.

모든 브라우저가 WebP를 보여 주나요?

모든 현재 브라우저가 그렇습니다. 일부 오래된 프로그램은 그렇지 않으므로 목적지가 특이하다면 확인하십시오.

그림이 업로드되나요?

아니요. 변환은 브라우저 안에서 실행되며 그림은 기기를 떠나지 않습니다.

PNG로 되돌아갈 수 있나요?

네, WebP를 PNG로를 쓰면 되지만, WebP를 만들 때 잃은 것은 잃은 채로 남습니다.

PNG를 WebP로 변환할 때 현명하게 고르기

사진과 평평한 그래픽은 다릅니다

사진은 잘 변환되고 많이 절약합니다. 평평한 그래픽과 텍스트 스크린샷은 손실이 더 드러나고 절약이 적습니다. 습관이 아니라 그림의 종류로 고르십시오.

다른 선택지와 견주기

투명도가 필요 없다면 사진에는 PNG를 JPG로가 더 맞을 수 있습니다. 더 가벼운 PNG만 원한다면 PNG 압축이 형식을 유지하면서 무게를 줄입니다.

다음 단계를 생각하기

나중에 그림을 편집할 수 있다면 PNG에서 작업하고 게시 직전 마지막에 WebP를 만드십시오.

웹사이트에서 WebP를 잘 쓰기

알맞은 크기로 제공하기

더 가벼운 형식이 도움이 되지만 가장 큰 절약은 여전히 보이는 자리보다 크지 않은 그림을 보내는 데서 옵니다. 1200 픽셀로 표시되는 배너에는 4000이 필요하지 않습니다. 먼저 크기를 조정한 다음 PNG를 WebP로 변환하면 두 절약을 함께 얻습니다.

그림을 설명하기

페이지의 모든 그림에는 무엇을 보여 주는지 말하는 짧은 텍스트가 있어야 합니다. 화면 낭독기를 쓰는 방문객에게 도움이 되고 검색 엔진이 읽습니다. 파일 형식과는 상관없지만, 더 가벼운 그림의 페이지는 그림들을 훑어 빠진 설명을 더하기에 좋은 때입니다.

꼭 필요하면 대체를 제공하기

모든 현재 브라우저가 WebP를 읽으므로 대부분의 사이트에서 대체는 더는 필요하지 않습니다. 방문객 일부가 매우 오래된 소프트웨어를 쓴다는 것을 안다면 PNG를 함께 제공하고 브라우저가 이해하는 쪽을 고르게 할 수 있습니다.

결과를 측정하기

그림을 교체한 뒤 브라우저에 내장된 도구로 페이지가 얼마나 빨리 로드되는지 확인하십시오. 차이를 숫자로 보면 작업이 보람 있고 다른 그림에서 더 얻을 것이 있는지 알려 줍니다.

썸네일을 잊지 마십시오

작은 미리 보기 그림, 아이콘, 아바타는 많은 페이지에서 반복됩니다. 하나씩은 가볍지만 합치면 쌓입니다. 변환은 빠르고 사이트 전체에 걸친 효과는 실제입니다.

문서의 스크린샷을 생각하기

도움말 페이지는 텍스트가 든 스크린샷으로 가득합니다. 거기서 PNG를 WebP로 변환한다면 글자의 선명도를 자세히 보십시오. 또렷해야 하는 그림에는 압축한 PNG가 더 안전한 선택이며 스크린샷이 읽기 쉽게 유지됩니다.

개인정보와 처리

그림에 로컬 변환이 중요한 이유

그림은 사적인 사람, 장소, 문서, 화면을 보여 주는 경우가 많습니다. 많은 온라인 변환기는 파일을 서버에 올려 처리하고 결과를 돌려보내며, 한동안 사본이 통제할 수 없는 기계에 존재합니다. 여기서는 브라우저가 직접 작업하므로 그림은 기기에 남습니다.

떠날 때 일어나는 일

페이지를 닫으면 변환된 그림이 브라우저에서 사라지므로 먼저 내려받으십시오. 그림에 관한 어떤 것도 보관되지 않습니다.

문제가 생겼을 때

스크린샷의 텍스트가 부드러워 보입니다

손실 압축이 작용한 것입니다. 그 스크린샷은 PNG로 두거나 대신 PNG 압축으로 압축하십시오.

오려낸 그림 둘레에 후광이 나타납니다

부드러운 가장자리를 압축해서 생긴 것입니다. 페이지의 실제 배경 위에서 확인하십시오. 그래도 보이면 그 그림은 PNG를 보관하십시오.

아주 큰 그림에서 페이지가 멈춥니다

모든 것이 기기에서 실행되며 거대한 그림은 메모리가 필요합니다. 컴퓨터에서 다시 시도하거나 먼저 그림을 줄이십시오.

관련 도구

같은 계열의 도구가 이웃한 일을 다룹니다. 반대 방향으로 가려면 WebP를 PNG로를 쓰십시오. 사진에는 JPG를 WebP로와 WebP를 JPG로가 다른 흔한 형식에 같은 일을 하고, PNG를 JPG로와 JPG를 PNG로가 둘 사이를 오갑니다. 형식을 바꾸지 않고 PNG를 가볍게 하려면 PNG 압축이 답이고, PNG를 PDF로는 그림을 문서에 넣습니다.

계산 사례

작은 가게를 운영하는데 투명한 배경의 제품 사진이 2.4 메가바이트의 PNG라고 해 봅시다. 여기에 놓고 버튼을 누릅니다. 잠시 뒤 픽셀 크기가 같고 비치는 배경도 같은 약 300 킬로바이트의 WebP를 내려받습니다. 제품 페이지에서는 똑같이 보이고 페이지는 눈에 띄게 빨리 로드됩니다. PNG는 편집이 필요한 날을 위해 폴더에 남습니다.

짧은 점검표

변환하기 전에

그림이 사진인지 평평한 그래픽인지 정하십시오. PNG를 안전하게 보관하십시오. 목적지가 WebP를 읽는지 확인하십시오.

변환하는 동안

파일이 준비될 때까지 페이지에 머무르십시오.

변환한 뒤

WebP를 전체 크기로 열어 가장자리와 텍스트를 살피고, 파일 크기를 견주고, 두 버전을 별도의 폴더에 보관하십시오.

흔한 실수

맹목적으로 모두 변환하기

살펴보지 않고 모든 그림을 PNG에서 WebP로 변환하지 마십시오. 평평한 그래픽과 텍스트 스크린샷은 PNG로 남을 만할 수 있습니다.

WebP를 계속 편집하기

손실 저장은 매번 세부를 잃습니다. 바꿀 것이 있으면 PNG를 편집하고 새 WebP를 내보내십시오.

PNG 삭제하기

보관하십시오. 마스터이며 한 번 없어지면 세부를 복원할 수 없습니다.

그림은 기기에 남습니다

변환은 로컬에서 이루어집니다. 그림은 브라우저가 읽고, 거기서 다시 그려져 WebP로 돌아옵니다. 아무것도 업로드되지 않으므로 서버에 사본이 남지 않고 다른 누구도 볼 수 없습니다. 사적인 그림이라면 PNG를 WebP로 변환하는 안전한 방법입니다.

요약

여기서 PNG를 WebP로 변환하려면 그림을 놓고 버튼을 누르십시오. 그림은 원래 크기로 한 번 다시 그려져 WebP로 저장됩니다. 크기가 바뀌는 것은 없으며 파일은 기기를 떠나지 않습니다. 정확한 크기가 유지되고 투명도도 유지됩니다. JPG와 달리 WebP는 비치는 배경을 유지합니다. 여기서 WebP는 손실 형식이고 PNG는 아직 아무것도 잃지 않았으므로, 이것이 그림이 처음으로 내놓는 세부입니다. 사진에서는 보기 어렵고 파일이 크게 줄어듭니다. 스크린샷, 도표, 날카로운 텍스트가 있는 것에서는 가장자리가 부드러워지고 절약이 작습니다. 그림을 다시 편집할 것이라면 PNG를 보관하십시오.