도구 가이드

PNG와 SVG, 글꼴과 배율을 선택하고 공유할 코드의 가독성을 확인하세요.

프리셋이나 3–32개 점 편집으로 아바타, 방향 이미지, 기울어진 카드를 만들고 전체 CSS와 clip-path 선언을 비교하세요.

낯선 코드를 검토할 때는 먼저 포맷하고, 배포용 버전만 축소하세요.

• 원본 보존소스를 변환하기 전에 원본 복사본을 보관하세요.
• 의미 검토포매터 출력은 가독성 변화로 보지, 의미 검증으로 보지 마세요.
• 산출물 검증산출물 비교에는 해시 검증을 사용하세요. 해시로 원본 자료를 복호화할 수는 없습니다.

크기, 자르기, 출력 형식은 습관이 아니라 대상의 제약에 따라 선택하세요.

• 품질로 시작사용 가능한 가장 높은 품질의 원본에서 한 번만 크기를 조절하세요.
• 투명도 확인SVG나 PNG 에셋을 변환하기 전에 투명도를 확인하세요.
• 명시적 내보내기탭을 닫기 전에 생성된 파일을 내려받으세요. 로컬 작업 공간은 클라우드 사본을 남기지 않습니다.

처리 방식 라벨은 도구 계약의 일부이며, 데이터를 입력하기 전에 확인해야 합니다.

• 로컬 처리로컬 우선 런타임은 활성 브라우저 탭 안에서 입력을 처리합니다.
• 붙여넣지 않고 설명피드백 양식은 설명만 받으며 작업 공간 내용은 명시적으로 제외합니다.
• 공용 기기 정리공용 컴퓨터를 사용할 때는 작업 공간과 내려받은 파일을 정리하세요.

아키텍처 가이드는 두 처리 설계의 데이터 흐름을 정리하고, 브라우저로 ‘로컬 처리’ 주장을 직접 검증하는 방법과 절대 업로드해서는 안 되는 문서 종류를 소개합니다.

병합, 분할, 회전, 페이지 정리, 워터마크, 압축, 변환, 메타데이터 삭제를 브라우저 탭 안에서. 각 작업이 해당 작업 공간으로 바로 연결됩니다.

위치 좌표, 기기 일련번호, 사진이 찍힌 정확한 초까지 파일 안에 실려 갈 수 있습니다. 이 가이드는 공유 전에 그 숨겨진 레이어를 읽고 로컬에서 제거하는 방법을 보여 줍니다.

먼저 자르고, 한 번만 크기를 조절하고, 대상이 받아들이는 형식으로 변환하세요. 이 가이드는 크기 또는 바이트 예산을 순서 있는 로컬 워크플로로 바꿔 줍니다.

보기 좋은 인쇄, 트리 검사, 결정적 diff — 낯선 페이로드를 승인하기 전에 읽는 방법과 로컬 런타임의 정확한 한계를 소개합니다.

이메일과 포털의 상한은 봐주는 법이 없습니다. 이 가이드는 먼저 측정하고, 구조 정리와 강력한 래스터 압축을 저울질하며, 콘텐츠 유형별로 솔직한 기대치를 세웁니다.

Base64의 작동 방식과 크기 증가분을 계산하는 방법, 데이터 URL·이메일에서 쓰는 경우, 보안 수단이 아닌 이유, 잘못된 문자열을 진단하는 방법을 설명합니다.

HEX, RGB, HSL은 sRGB 색을 서로 다르게 나타냅니다. 알파, HSL 배색, CSS Color 4, 브라우저에서 디코딩된 이미지의 픽셀 샘플링을 살펴봅니다.

현실적인 샘플로 도는 작성-테스트-리팩터링 루프, 치명적 백트래킹 예방, 앵커 규율, 플래그 의미론까지. 타임아웃이 있는 워커 안에서 실행되어 폭주한 패턴이 탭을 얼리지 않습니다.

PNG, JPEG, WebP, AVIF를 콘텐츠 유형, 투명도, 실제 지원 현황, 재인코딩 비용, 측정된 바이트 절감으로 비교합니다. 선택을 습관이 아닌 결정으로 만드세요.

다섯 필드와 범위, 일-요일 OR 함정, 일요일은 0인가 7인가, 서머타임 경계 사례까지. 배포 전에 계산된 다음 10회 실행으로 검증합니다.

스캔 거리에 따른 실물 크기, 4모듈 콰이어트 존, 오류 정정 레벨과 로고 오버레이, 강제 대비, 인쇄 전 시험 인쇄 검증까지 다룹니다.

지원되는 서브셋이 무엇을 변환하고 무엇을 평탄화하는지, 새니타이징과 링크 스킴 허용 목록이 출력을 안전하게 지키는 방법, Markdown으로 되돌아오는 길이 무엇을 잃는지, 그리고 문서·블로그 파이프라인에서 변환이 자리 잡는 위치.

무결성 대 진위성, MD5와 SHA-1이 오늘날 무결성 전용인 이유, 1분이면 끝나는 인스톨러 검증, 그리고 민감한 텍스트를 업로드하지 않고 해시하는 방법.

무작위 v4 대 시간순 v7, ULID의 정렬 가능한 base32 구조, 무작위 키가 B-트리 인덱스에 미치는 영향, 충돌 확률, 그리고 로컬에서의 배치 생성.

DevTools 네트워크 패널 확인, 카나리 문자열 기법, 캐시와 서비스 워커 주의 사항 — 누구든 라이브 사이트에 대해 다시 실행할 수 있는 공개 증거 하니스와 정기적으로 다시 캡처되는 영수증까지.