Technote

AI 활용 실무

AI 생성 이미지를 웹에 올리기 전에 확인할 것

생성 자체는 몇 초면 끝납니다. 문제는 그다음입니다 — 여러 장의 톤을 맞추는 일, 파일 크기를 감당하는 일, 그리고 이 그림을 무엇이라고 말할 것인가.

이미지 생성 도구는 디자이너의 작업 순서를 실제로 바꿔 놓았습니다. 예전에는 스톡 사이트를 30분 뒤지고도 마음에 드는 것을 못 찾던 자리에서, 지금은 여러 방향의 시안을 몇 분 안에 늘어놓고 고를 수 있습니다. 초안과 탐색에서 이 도구는 대단히 강합니다.

다만 생성된 그림을 그대로 사이트에 올리면 세 가지가 따라옵니다. 톤이 안 맞는 문제, 파일이 무거운 문제, 그리고 이 그림을 어떤 자격으로 게시하는가의 문제입니다. 순서대로 보겠습니다.

어디에 강하고 어디에서 무너지는가

먼저 어느 자리에 쓸지를 정하는 편이 빠릅니다. 생성 이미지는 추상적이고 장식적인 자리에서 가장 잘 버팁니다. 배경 질감, 그라디언트 위의 형태, 개념을 암시하는 일러스트 같은 것들입니다. 반대로 사실을 주장하는 자리에서는 금방 무너집니다.

같은 도구라도 그림이 무엇을 주장하느냐에 따라 결과가 갈린다

특히 연작의 일관성은 실무에서 가장 자주 걸리는 지점입니다. 한 장은 훌륭하게 나오는데, 같은 스타일로 여섯 장을 만들어 카드 그리드에 늘어놓으면 조명 · 채도 · 시선 높이가 미묘하게 달라 한 세트로 읽히지 않습니다. 해결책은 프롬프트를 더 길게 쓰는 것이 아니라, 후보정을 전제로 하는 것입니다 — 생성물을 원본이 아니라 소재로 다루고, 색 보정과 크롭으로 세트를 맞춥니다.

파일 크기 — 여기서 성능이 갈립니다

생성 도구는 대개 큰 정사각 PNG 를 줍니다. 그것을 그대로 업로드하면, 화면에서는 400px 폭으로 보이는 카드 썸네일에 수천 픽셀짜리 원본이 내려갑니다. 방문자는 보이지도 않는 해상도의 비용을 매번 냅니다.

업로드 전에 세 가지를 처리합니다. 실제 표시 크기의 두 배 이내로 리사이즈하고, WebP 나 AVIF 로 변환하고, 여러 폭이 필요한 자리라면 srcset 으로 후보를 줍니다. 워드프레스는 업로드 시 여러 크기를 자동 생성하고 반응형 마크업도 붙여 주므로, 여기서 우리가 할 일은 애초에 적절한 원본을 넣는 것입니다.

한 가지 더 — 생성 이미지를 첫 화면 히어로에 쓰기로 했다면 그 이미지는 별도 취급이 필요합니다. 첫 화면의 가장 큰 요소는 페이지 체감 속도를 그대로 결정하기 때문입니다.

게시하기 전에 정리할 것

마지막은 권리와 표기입니다. 도구마다 상업적 이용 조건이 다르고, 같은 도구 안에서도 요금제에 따라 갈리는 경우가 있습니다. 무료 구간에서 만든 이미지를 유료 사업 페이지에 쓰는 상황이라면 약관을 한 번은 직접 읽어야 합니다.

게시 전 여섯 줄 — 마지막 줄이 신뢰를 가장 크게 좌우한다

마지막 줄을 강조하고 싶습니다. 생성된 인물 사진을 후기 옆에 놓거나 생성된 사무실 사진을 회사 소개에 쓰면, 그 사실이 드러나는 순간 그 페이지의 나머지 문장까지 함께 의심받습니다. 장식으로 쓰는 것과 증거인 척하는 것은 완전히 다른 일입니다. 이 선만 지키면 생성 이미지는 웹 작업에서 아주 유용한 도구입니다.

AI 를 디자인 작업에 붙이는 다른 방식들은 AI 활용 아카이브에 모여 있고, 이미지 자체의 최적화와 반응형 처리는 이미지와 미디어 연재에서 더 깊이 다룹니다. 운영 중인 사이트의 이미지 무게가 실제로 얼마나 되는지 진단부터 받아 보고 싶다면 최적화 지원 사업에 포함돼 있습니다.

이 주제의 다른 글

노하우 목록으로

AI 활용 실무

프로젝트 규약 문서를 AI 에게 읽히는 법

AI 코딩 도구의 결과 품질은 모델보다 컨텍스트가 가릅니다. 프로젝트 규약을 "왜" 와 "회귀 감지" 까지 담아 문서화하면, AI 가 같은 실수를 반복하지 않는 팀원이 됩니다.

개발자 2분 읽기

₩270,000 · 신청하기