작업하다 막히는 지점 정리
이미지, PDF, 데이터 변환 작업에서 실제로 자주 막히는 문제를 원인부터 해결 순서까지 정리했습니다. 각 글은 그 문제를 해결하는 도구로 이어집니다.
전체 30편
이미지
사진과 그래픽을 올리거나 저장할 때 화질, 용량, 비율에서 막히는 지점을 다룹니다.
유튜브 썸네일을 받았더니 흐릿할 때, 고화질이 없는 영상도 있습니다
같은 방법으로 받았는데 어떤 영상은 선명하고 어떤 영상은 흐릿합니다. 썸네일 해상도가 정해지는 방식과 확인 순서를 정리했습니다.
읽는 데 약 4분
배경을 지웠는데 경계가 지저분할 때, 원본에서 먼저 볼 세 가지
색상 기준으로 배경을 지우는 방식은 배경이 단색에 가까울 때만 깨끗합니다. 어떤 사진에서 잘 되고 어떤 사진에서 실패하는지 조건으로 정리했습니다.
읽는 데 약 5분
GIF 용량이 너무 클 때, 무엇부터 줄여야 하는지 정해진 순서가 있습니다
GIF 용량은 프레임 수와 화면 크기, 색 수가 함께 만듭니다. 어느 것을 먼저 줄여야 손해가 적은지 순서와 예상 부작용을 정리했습니다.
읽는 데 약 5분
이미지를 압축했더니 글자가 뭉개질 때, 형식부터 확인해야 하는 이유
압축 품질을 아무리 올려도 글자 주변이 지저분하다면 품질값이 아니라 파일 형식이 원인입니다. 이미지 종류별로 어떤 형식을 골라야 하는지 정리했습니다.
읽는 데 약 5분
이미지 크기를 줄였는데 흐릿해질 때, 작업 순서가 만드는 차이
축소는 정보를 버리는 작업이고 확대는 없는 정보를 만들어내는 작업입니다. 어느 쪽인지에 따라 결과가 갈리는 이유와 자르기·축소·압축의 순서를 정리했습니다.
읽는 데 약 4분
이미지에 넣은 글자가 배경에 묻힐 때, 대비를 잡는 네 가지 방법
사진 위 글자가 안 읽히는 것은 글자색을 잘못 골라서가 아니라 배경이 균일하지 않기 때문입니다. 배경 상태별로 쓸 수 있는 방법을 정리했습니다.
읽는 데 약 5분
사진 여러 장을 합칠 때 여백이 생기는 이유와 크기를 맞추는 순서
크기가 다른 사진을 한 장으로 합치면 좁은 쪽에 여백이 생기거나 넓은 쪽이 어색해집니다. 어느 사진을 기준으로 맞출지 정하는 방법을 정리했습니다.
읽는 데 약 4분
PNG로 저장했는데 용량이 10배 큰 이유와 형식을 고르는 세 가지 질문
같은 사진인데 PNG가 JPG보다 훨씬 큰 것은 설정 문제가 아니라 PNG의 압축 방식 때문입니다. 어떤 이미지에 어떤 형식을 써야 하는지 질문 세 개로 정리했습니다.
읽는 데 약 5분
프로필 사진이 잘려서 올라갈 때, 비율을 먼저 확인해야 하는 이유
얼굴이 잘리거나 원하는 부분이 안 보이는 것은 사진이 커서가 아니라 비율이 표시 영역과 다르기 때문입니다. 비율을 확인하고 맞추는 순서를 정리했습니다.
읽는 데 약 4분
SNS에 올리면 화질이 떨어지는 이유와 업로드 전 점검 네 가지
원본은 선명한데 올리고 나면 뭉개져 보이는 것은 서비스가 다시 압축하기 때문입니다. 재압축을 덜 받도록 올리기 전에 맞춰야 할 네 가지를 정리했습니다.
읽는 데 약 4분
긴 이미지를 나눠 올릴 때 이음새가 보이는 이유와 자르는 위치
긴 이미지를 조각내 올리면 조각 사이가 어긋나 보입니다. 표시 간격 때문에 생기는 문제와 자르는 위치를 정하는 기준을 정리했습니다.
읽는 데 약 5분
워터마크가 잘 안 보이거나 너무 튈 때, 위치와 불투명도를 정하는 기준
워터마크 설정에 정답이 없어 보이는 것은 목적을 정하지 않고 값부터 조절하기 때문입니다. 도용 방지인지 브랜딩인지에 따라 달라지는 기준을 정리했습니다.
읽는 데 약 5분
문서·PDF
PDF를 변환하고 정리할 때 생기는 용량, 글자 깨짐, 여백 문제를 다룹니다.
이미지를 PDF로 만들면 여백이 생기는 이유와 용지 비율 맞추는 법
사진을 PDF로 묶었더니 위아래에 흰 띠가 생기는 것은 사진 비율과 용지 비율이 다르기 때문입니다. 비율을 확인하고 맞추는 순서를 정리했습니다.
읽는 데 약 4분
PDF 용량이 커서 첨부가 안 될 때, 무엇이 용량을 차지하는지부터 확인
같은 페이지 수라도 PDF 용량은 수십 배 차이가 납니다. 페이지당 용량으로 유형을 먼저 판별하고, 유형별로 줄일 수 있는 방법과 그때 잃는 것을 정리했습니다.
읽는 데 약 4분
PDF에서 필요한 페이지만 뽑거나 순서를 바꿔야 할 때 쓰는 방법
페이지 순서를 직접 끌어다 옮기는 기능이 없어도 분할과 병합을 이어 붙이면 원하는 구성을 만들 수 있습니다. 그 원리와 순서를 정리했습니다.
읽는 데 약 4분
PDF에서 글자가 복사되지 않는 이유와 스캔본을 구분하는 법
글자가 또렷하게 보이는데 드래그가 안 된다면 그 페이지는 글자가 아니라 사진입니다. 30초 만에 구분하는 방법과 유형별로 할 수 있는 일을 정리했습니다.
읽는 데 약 4분
PDF를 이미지로 바꿨더니 글자가 깨질 때 해상도를 정하는 기준
PDF 화면에서는 아무리 확대해도 매끈하던 글자가 이미지로 바꾸면 뭉개집니다. 쓸 곳에 따라 어느 정도 크기로 뽑아야 하는지 기준을 정리했습니다.
읽는 데 약 5분
개발·데이터
인코딩, 색상, 코드 형식처럼 값이 예상과 다르게 나올 때의 원인을 다룹니다.
Base64로 복원한 파일이 열리지 않을 때, 확장자보다 먼저 볼 것
디코딩은 성공했는데 저장한 파일이 열리지 않는 경우가 있습니다. 앞부분이 잘렸는지 형식이 어긋났는지 구분하는 방법을 정리했습니다.
읽는 데 약 4분
D-day가 하루씩 어긋날 때, 당일을 세는지가 갈림길입니다
같은 날짜를 넣어도 어디서 세느냐에 따라 D-day가 하루 달라집니다. 당일 포함 여부와 시간대가 만드는 차이를 정리했습니다.
읽는 데 약 4분
타이머 알림이 제때 울리지 않을 때, 브라우저가 뒤에서 하는 일
탭을 가려두면 타이머 알림이 늦거나 아예 오지 않는 경우가 있습니다. 브라우저가 배경 탭을 어떻게 다루는지와 중요한 일정에 대비하는 방법입니다.
읽는 데 약 4분
XML이 잘못됐다고 나올 때, 화면에 안 보이는 원인 다섯 가지
태그는 멀쩡해 보이는데 파서가 거부하는 경우가 있습니다. 닫히지 않은 태그부터 인코딩 선언까지, 눈으로 찾기 어려운 원인을 정리했습니다.
읽는 데 약 4분
Base64 디코딩이 실패할 때 원인 네 가지와 입력을 고치는 순서
분명 정상적인 문자열 같은데 디코딩이 안 된다면 대부분 원인이 정해져 있습니다. 패딩, URL 안전 변형, 접두사, 잘림을 순서대로 확인하는 방법입니다.
읽는 데 약 4분
Base64로 바꿨더니 용량이 33% 늘어난 이유와 써야 할 곳 안 써야 할 곳
Base64는 압축이 아니라 표현 방식을 바꾸는 작업이라 결과가 반드시 커집니다. 왜 하필 33%인지와 그 비용을 감수할 만한 상황을 정리했습니다.
읽는 데 약 4분
색상 대비가 부족하다는 경고가 뜰 때, 숫자를 읽고 색을 고치는 법
대비 경고를 받았을 때 색을 아무렇게나 바꾸면 브랜드 색이 무너집니다. 숫자가 뜻하는 바와 색상은 유지한 채 명도만 조정하는 방법입니다.
읽는 데 약 4분
이미지를 데이터 URI로 심었더니 오히려 느려지는 경우와 판단 기준
요청 수를 줄이려고 이미지를 코드에 직접 넣었는데 체감 속도가 나빠질 때가 있습니다. 어떤 크기와 쓰임에서 이득이 뒤집히는지 정리했습니다.
읽는 데 약 4분
HEX RGB HSL 중 뭘 써야 하나, 색을 전달할 때 헷갈리는 기준
같은 색을 적는 방법이 여러 가지라 어느 것을 써야 할지 애매합니다. 형식마다 잘하는 일이 달라서 상황에 따라 답이 정해지는 기준을 정리했습니다.
읽는 데 약 4분
JSON이 깨졌다고 나올 때 눈으로 찾기 어려운 원인 다섯 가지
오류 위치를 봐도 그 자리에는 아무 문제가 없어 보일 때가 있습니다. 실제 원인이 앞쪽에 있는 이유와 화면에서 잘 안 보이는 다섯 가지를 정리했습니다.
읽는 데 약 5분
복잡하게 만든 비밀번호가 약하다고 나오는 이유와 강해지는 조건
대문자와 숫자와 특수문자를 다 넣었는데도 강도가 낮게 나옵니다. 강도 판정이 문자 종류가 아니라 예측 가능성을 본다는 점과 실제로 강해지는 조건입니다.
읽는 데 약 5분
QR코드가 스캔이 안 될 때 원인 네 가지와 인쇄 전에 확인할 것
화면에서는 읽히던 QR코드가 인쇄물에서 안 읽히는 데는 이유가 있습니다. 여백, 대비, 크기, 정보량 네 가지를 순서대로 점검하는 방법입니다.
읽는 데 약 4분
QR코드에 넣은 주소를 나중에 바꿔야 할 때 생기는 문제와 대비법
인쇄된 QR코드의 주소는 바꿀 수 없습니다. 만들기 전에 중간 주소를 한 단계 두면 나중에 목적지를 갈아끼울 수 있는 이유와 방법입니다.
읽는 데 약 4분