작업하다 막히는 지점 정리
이미지, PDF, 데이터 변환 작업에서 실제로 자주 막히는 문제를 원인부터 해결 순서까지 정리했습니다. 각 글은 그 문제를 해결하는 도구로 이어집니다.
전체 45편
주제별로 보기
이미지
사진과 그래픽을 올리거나 저장할 때 화질, 용량, 비율에서 막히는 지점을 다룹니다.
유튜브 썸네일을 받았더니 흐릿할 때, 고화질이 없는 영상도 있습니다
같은 방법으로 받았는데 어떤 영상은 선명하고 어떤 영상은 흐릿합니다. 썸네일 해상도가 정해지는 방식과 확인 순서를 정리했습니다.
읽는 데 약 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분
개인정보·처리
파일이 서버로 가는지, 브라우저에 무엇이 남는지, 어떤 상황에서 외부 도구를 써도 되는지 다룹니다.
AI 이미지 도구에 사진을 올릴 때 확인해야 할 항목
보정과 합성은 편리하지만 파일이 올라갑니다. 보관 정책과 학습 데이터 이용 여부를 확인하는 순서와 얼굴 사진의 특별 취급을 정리합니다.
읽는 데 약 4분
분석 도구가 수집하는 것과 수집하지 않는 것
쿠키 배너에서 허용을 누르기 전에 무엇을 보내는지 알아야 합니다. 이 사이트의 분석 도구가 처리하는 정보와 처리하지 않는 정보를 구분해 정리합니다.
읽는 데 약 4분
이미지 도구가 파일을 서버로 보내지 않고 처리하는 원리
이미지를 변환하거나 압축할 때 파일이 어디로 가는지 궁금하다면, 브라우저 안에서 읽고 계산하고 저장하는 흐름을 먼저 이해하세요. 서버 전송 없이 처리된다는 말이 실제로 무엇을 뜻하는지 정리합니다.
읽는 데 약 5분
PDF 병합과 분할이 브라우저 안에서만 끝나는 이유와 한계
PDF를 합치거나 나누기 전에 파일이 어디로 가는지 확인하세요. 브라우저 안에서 페이지를 다루는 구조와, 그 구조에서 생기는 용량과 글꼴, 스캔본의 한계를 정리합니다.
읽는 데 약 5분
브라우저에서 직접 처리하는 방식과 서버 AI 처리의 차이
같은 결과처럼 보여도 가는 길이 다릅니다. 기기 안에서 끝나는 계산의 조건과 서버 계산이 필요한 경우를 나누는 기준을 정리합니다.
읽는 데 약 4분
온라인 도구에 파일을 올리기 전에 서버 전송 여부를 확인하는 방법
파일 선택 버튼을 누르기 전에 1분만 쓰면 전송 여부를 알 수 있습니다. 처리 방식 안내를 읽는 법과 개발자 도구로 직접 확인하는 순서를 정리합니다.
읽는 데 약 5분
회사 문서를 외부 온라인 도구로 처리해도 되는지 판단하는 기준
급하게 합쳐야 하는 계약서 앞에서 망설여진다면 기준부터 세우세요. 외부에 맡기면 안 되는 문서의 조건과 담당자가 확인할 세 가지를 정리합니다.
읽는 데 약 4분
쿠키 동의 화면에서 필수 항목만과 전체 허용의 차이
두 버튼의 차이를 모르고 고르면 매번 찜찜합니다. 각 선택이 바꾸는 것과 바꾸지 않는 것, 나중에 바꾸는 방법을 정리합니다.
읽는 데 약 4분
쿠키와 로컬 저장소, 세션 저장소는 무엇이 다른가
같은 브라우저 저장소라는 말로 묶이지만 셋은 하는 일이 다릅니다. 어디에 무엇이 남는지와 각자를 지우는 방법을 정리합니다.
읽는 데 약 4분
증명사진과 신분증 사본을 온라인에서 만들 때 확인할 것
얼굴이 들어간 그림은 다른 파일과 다르게 다뤄야 합니다. 온라인에서 만들어도 되는 경우와 피해야 하는 방식을 구분하는 기준을 정리합니다.
읽는 데 약 4분
시크릿 모드에서 파일을 처리하면 남는 것과 남지 않는 것
시크릿 모드는 만능이 아닙니다. 창을 닫으면 사라지는 것과 그대로 남는 것을 구분하고, 파일 작업에 쓰는 순서를 정리합니다.
읽는 데 약 4분
인터넷을 끊어도 동작하는가로 처리 위치를 구분하는 방법
연결을 끊는 것이 가장 단순한 판별법입니다. 오프라인 시험의 정확한 순서와 멈추는 부분에서 읽는 정보, 새로고침의 함정을 정리합니다.
읽는 데 약 4분
병원과 학교 제출용 스캔 PDF를 외부 도구로 다뤄도 되는지
스캔본에는 이름과 생년월일 같은 정보가 그대로 들어 있습니다. 외부 도구로 해도 되는 작업과 맡기면 안 되는 작업을 나누는 기준을 정리합니다.
읽는 데 약 4분
올린 파일이 AI 학습에 쓰이는지 확인하는 방법
약관 속 한 줄이 파일의 용도를 정합니다. 학습과 훈련, 모델 개선 같은 단어를 찾는 법과 설정에서 끄는 법을 정리합니다.
읽는 데 약 4분
서버 업로드 없음을 내건 사이트를 직접 검증하는 방법
주장을 곧이곧대로 믿을 필요는 없습니다. 오프라인 시험과 요청 기록 비교로 브라우저 처리 주장을 검증하는 두 가지 방법을 정리합니다.
읽는 데 약 4분