브라우저에서 이미지 편집하기

모든 일은 기기에서 이루어집니다

대부분의 온라인 이미지 편집기는 사진을 서버에 업로드하고 그곳에서 처리한 후 결과를 다시 보냅니다. 이는 귀하의 이미지 사본이 다른 사람의 컴퓨터에 저장되며 해당 사람의 보존 정책과 보안이 적용된다는 의미입니다.

이 편집기는 그런 식으로 작동하지 않습니다. 귀하의 브라우저에는 이미 완전한 이미지 파이프라인이 포함되어 있습니다. JPEG를 디코딩하고, 픽셀을 전달하고, 그 위에 그림을 그릴 수 있으며, 새 파일을 인코딩할 수 있습니다. 이 도구는 해당 파이프라인에 대한 사용자 인터페이스입니다. 이미지는 디스크에서 메모리로 읽혀지고, 메모리에서 편집되며, 다시 디스크에 기록됩니다.

실질적인 결과는 도구가 로드되면 오프라인으로 작동하고 장치 메모리를 초과하는 업로드 제한이 없으며 이미지를 전송하지 않기 때문에 이미지가 누출될 수 없다는 것입니다. 우리의 테스트 스위트에는 소스 파일에 네트워크 호출이 포함되어 있지 않은지 확인하는 기능이 포함되어 있으므로 단순히 주장하는 것이 아니라 클레임을 적용합니다.

시작: 빈 캔버스 또는 기존 이미지

빈 캔버스의 너비와 높이를 선택하거나 장치에서 PNG, JPEG 또는 WebP를 엽니다. 이미지를 열면 현재 문서가 대체되므로 먼저 보관하려는 항목을 내보내세요.

매우 큰 이미지는 자동으로 축소되며 축소되면 도구에서 이를 알려줍니다. 이는 임의적인 제한이 아닙니다. 50 메가픽셀 사진에는 캔버스의 원시 픽셀로 약 200 MB이 필요하며 출력용 두 번째 사본은 이를 두 배로 늘립니다. 휴대폰에서는 제한을 초과해도 잡을 수 있는 오류가 발생하지 않습니다. 브라우저가 빈 캔버스를 돌려주거나 운영 체제가 탭을 종료합니다. 먼저 이미지를 줄이는 것이 작업 중인 편집기와 충돌의 차이입니다.

그리기, 그리고 여기서 터치가 제대로 작동하는 이유

브러시, 지우개, 선, 직사각형, 타원 및 텍스트 도구는 모두 마우스, 트랙패드, 손가락 또는 스타일러스와 동일한 방식으로 작동합니다. 왜냐하면 편집기는 별도의 마우스 및 터치 핸들러가 아닌 통합 포인터 이벤트를 수신하기 때문입니다.

한 가지 세부 사항은 실망스럽지 않고 터치 드로잉을 유용하게 만듭니다. 캔버스는 자체 제스처를 처리한다고 선언하므로 페이지를 스크롤하는 대신 손가락을 드래그하면 그림이 그려집니다. 이를 생략한 편집기는 휴대폰에서 거의 사용할 수 없습니다. 모든 스트로크가 제어를 위해 브라우저와 싸우기 때문입니다. 페이지는 여전히 캔버스 외부의 모든 곳에서 정상적으로 스크롤됩니다.

또한 포인터 이벤트는 화면이 새로 고쳐지는 것보다 덜 자주 도착하므로 빠른 스트로크는 넓은 간격의 소수의 점으로 보고됩니다. 편집기는 그들 사이의 간격을 메우기 때문에 빠른 선이 점의 행이 아닌 실선으로 나타나는 이유입니다.

실행 취소 및 메모리 비용

모든 스트로크, 모양 및 변형은 하나의 실행 취소 단계입니다. 도구 모음이나 일반적인 키보드 단축키를 사용하여 작업을 실행 취소하고 다시 실행합니다.

역사는 목적에 따라 제한됩니다. 각 단계는 변경된 픽셀의 복사본을 단계당 수십 메가바이트에 달하는 큰 이미지에 유지합니다. 무제한 기록은 휴대폰의 메모리를 소진시키는 가장 빠른 방법 중 하나이므로 이 편집기는 단계 수와 전체 크기를 기준으로 기록을 제한하고 가장 오래된 것부터 삭제합니다. 상태 표시줄에는 현재 보유된 금액이 표시됩니다.

그것은 고의적인 거래입니다. 세션 중간에 죽지 않는 편집자를 대가로 더 얕은 역사를 제공하는 것입니다.

의도적으로 작게 유지된 레이어

레이어를 사용하면 아래 사진과 별도로 주석을 유지할 수 있으므로 원본 픽셀을 건드리지 않고도 주석을 조정하거나 제거할 수 있습니다. 추가, 선택, 위치별로 이름 바꾸기, 재정렬, 숨기기, 불투명도 설정, 병합 및 병합 등의 작업을 수행할 수 있습니다.

여기에 있는 것은 작은 래스터 레이어 모델이며 의도적으로 거기서 멈춥니다. 블렌드 모드, 레이어 마스크, 그룹, 조정 레이어 및 비파괴 변형은 구현되지 않습니다. 이러한 기능은 스케치 도구와 전문 합성기를 분리하는 요소이며, 절반만 작동하는 버전은 솔직히 없는 것보다 더 나쁩니다. 제한 사항 페이지에는 누락된 내용이 정확하게 나열되어 있습니다.

각 레이어는 전체 크기 비트맵을 보유하므로 레이어 비용은 레이어 수에 정비례합니다. 모자는 12입니다.

내보내기

PNG는 무손실이며 투명성을 유지하므로 그림, 다이어그램 및 스크린샷에 적합한 선택입니다. JPEG는 사진용으로는 훨씬 작지만 투명도를 저장할 수 없으며 저장할 때마다 품질이 약간씩 떨어집니다. WebP는 두 작업을 모두 잘 수행하며 비슷한 품질로 JPEG보다 작은 파일을 생성합니다.

이미지에 투명한 영역이 있고 JPEG를 선택한 경우 편집기는 저장하기 전에 경고를 표시하고 브라우저가 색상을 선택하도록 하는 대신 투명도를 흰색으로 채웁니다. 때로는 검은색이 됩니다.

내보낸 파일은 페이지에 생성되어 다운로드 폴더에 바로 저장됩니다.

질문

제한사항

• 레이어는 래스터 전용입니다. 혼합 모드, 마스크, 그룹, 조정 레이어 또는 비파괴 변형이 없습니다.
• 큰 이미지는 장치의 캔버스 제한에 맞게 크기가 축소되므로 편집기는 매우 큰 사진의 전체 해상도 작업에는 적합하지 않습니다.
• 실행 취소 기록은 크기와 단계 수에 따라 제한되므로 긴 세션이 모든 단계를 유지하지는 않습니다.
• 세션 사이에는 아무것도 저장되지 않습니다. 탭을 닫으면 문서가 삭제됩니다.
• RAW, HEIC, TIFF, GIF 또는 SVG는 지원되지 않습니다. 편집기는 PNG, JPEG 및 WebP만 처리합니다.
• 색상 관리가 없습니다. 이미지는 브라우저의 기본 색상 공간으로 처리되므로 포함된 ICC 프로필이 유지되지 않을 수 있습니다.