[칼럼] 자주 물으시는 질문 #1 : 색상 코드, 이미지 크기 조절

일단 제목에 #1을 붙였지만, 앞으로 더 올리게 될지는 모르겠네요.

칼럼 태그에 맞는 글은 영 아닌 것 같지만, 잡담보다는 어울리지 않을까 해서...

보내주시는 질문 중 대부분은 아래의 '대부분의 문제의 해결방법'을 지키신다면 해결되는 문제가 많습니다.

아래의 내용을 지키고 계신지 확인해주세요!

대부분의 문제의 해결 방법

1. 인장 작업을 진행하기 전, 작업 전의 인장 html을 반드시 백업해주세요.

   "반드시"라고 할 만큼 중요합니다.

2. 인장 작업은 인벤토리에서 직접하지 마시고, 메모장 등 텍스트 에디터에서 해주세요.

   간단한 인장은 상관 없지만, 복잡한 구조의 인장은 에디터에서 작업 시 깨질 수 있습니다.

3. html 편집 후에는 html 모드를 해제하지 마시고, 바로 저장하기를 눌러주세요.

   에디터에서 자동 조정되는 내용이 있습니다. html 그대로 보존하시려면 바로 저장하기를 눌러주세요.

원하는 답변을 얻어내는 질문 방법

1. 무엇을 원하는지 명확히 표현해주세요.

   "잘 안되네요.", "뭔지 모르겠어요" 등의 질문은 무엇을 원하고 질문하시는지 알기 어렵습니다.

   예) (이미지 주소와 함께) 이 이미지를 인장 전체의 배경으로 쓰고 싶어요.

2. 무엇을 시도했는지, 결과가 어땠는지 알려주세요.

   올바른 답변을 해드릴 수 있는 중요한 내용이에요.

   예) (코드와 함께) 이 코드를 제 인장에 적용했는데, 배경 사진이 인장보다 커서 잘리네요. 배경 사진을 인장 크기에 딱 맞추는 방법이 있나요?

위 방법대로 질문해주시면 저에게서 금방 원하시는 답변을 받으실 수 있어요!

그렇다고 해서 위 방법대로 하지 않으면 안된다! 같은 건 아니니 부담갖지 말아주세요.

1. 색상 코드가 뭔가요?

   색상 코드는 R, G, B 세개의 값을 16진수 또는 색상 이름으로 표현하는 방법입니다.

   빨간색은 red 또는 #FF0000 또는 #F00 으로 나타낼 수 있습니다.

2. 색상 코드는 어떻게 알아내나요?

   색상 표에서 색상 코드를 알아내는 사이트(#1 #2)를 이용하거나

   마음에 드는 색상이 쓰인 이미지가 있다면, 포토샵 등에서 칼라피커 도구를 쓰세요.

   

3. 인장에 넣은 이미지가 작아져요.

   인벤 에디터에서 이미지를 자동 조정하게 되어 있습니다.

   위의 "대부분의 문제의 해결 방법"을 읽어보시고 꼭 지켜주세요.

   해결하는 방법은 html모드에서 해당하는 이미지 태그 ('<img'로 시작합니다.)를 찾아서,

   width와 그 뒤의 값을 지워주세요.

   예) <img src="이미지 주소" width="360"> → <img src="이미지 주소">

4. 이미지가 인장(상자) 밖으로 나가요. 이미지 크기는 어떻게 줄이나요?

   해당하는 이미지 태그 ('<img'로 시작합니다.)를 찾아서,

   width 값에 적당한 가로 크기를 써주세요. 100%로 하는 것도 좋은 방법입니다.

   예) <img src="이미지 주소"> → <img src="이미지 주소" width="100%">

내용이 길~~~어질 줄 알았는데 의외로 많이 짧네요.

나중에 2편을 만들게 되면 통합해서 올리는 것도 생각해볼게요.