eatch.dev/ei: EatChangmyeong Identity 동적 생성 API

아래 설명을 따라 GET 요청을 보내면 원하는 색이 칠해진 제 로고를 동적으로 받아볼 수 있어요! 개인적으로 로고가 필요할 때마다 적당한 파일 찾아서 쓰기 귀찮아서 만들었습니다. 모든 버전은 가로세로 400px짜리 SVG로 전송되며, 요청이 성공하면 30일 동안 캐시되도록 설정되어 있습니다.

기본 형태

https://eatch.dev/ei/_f_0img 태그의 src 자리 등 이미지 링크가 필요한 곳에 넣으면 검은 배경에 흰색 로고가 삽입됩니다. /ei/ 다음 부분을 수정해서 다른 색 로고를 받아볼 수 있습니다. 문법은 아래 문단에서 자세히 설명합니다.

/ei/_f_0
/ei/_f_0: 검은 배경, 보라색-흰색 로고

정적 파일

아래 두 파일은 정적 파일로 전송되며, 가로세로 400px짜리 SVG 규격을 따르지 않습니다. 제가 파비콘용으로 사용하려고 추가했습니다.

/ei/favicon.ico
/ei/favicon.ico
/ei/apple-touch-icon.png
/ei/apple-touch-icon.png

색상 코드 문법

색상 코드는 0자리, 1자리, 2자리, 3자리, 6자리의 16진수로 설정할 수 있으며, 대소문자를 구분하지 않습니다. 자릿수에 따라 의미가 조금씩 달라집니다.

아래의 :params 매개변수에는 하나 이상의 색상 코드를 - 혹은 _로 구분해서 입력합니다. 구분자를 섞어 쓸 수는 있지만 권장하지 않습니다. -로 시작하는 파일명은 여러 명령줄 프로그램에서 올바르게 인식하지 못하기 때문에 주의해야 합니다.

/ei/:params

기본적인 로고를 생성합니다. :params 매개변수에는 색상 코드를 - 혹은 _으로 구분해 2~3개 입력합니다.

1번째 코드는 메인 색, 2번째 코드는 서브 색입니다. 3번째 코드가 존재한다면 배경색으로 설정하고, 그렇지 않으면 투명 배경이 됩니다.

메인 색과 서브 색이 정확히 같은 색일 경우, 테두리가 있는 단색 로고가 대신 생성됩니다 (/ei/:args/:paramss 옵션 참조).

예제

/ei/_0_f
/ei/_0_f
/ei/5b0_24_f
/ei/5b0_24_f
/ei/e8297f_eaa6ed_2f012a
/ei/e8297f_eaa6ed_2f012a
/ei/0_0_f
/ei/0_0_f: 단색 로고
/ei/0_
/ei/0_: 투명 배경

/ei/:args/:params

옵션이 부여된 로고를 생성합니다. 각 옵션은 알파벳 한 글자로 입력하며, 대소문자와 순서를 구분하지 않습니다. 적용할 옵션이 없다면 /ei/:params 형태를 사용해야 합니다.

현재 지원하는 옵션의 목록은 다음과 같습니다.

이미지를 파비콘으로 사용할 수도 있습니다(<link rel="icon" href="https://eatch.dev/ei/c/0_0_f" type="image/svg+xml">). 이때는 가독성을 위해 원형 배경 + 흑백 조합을 권장합니다.

예제 (c)

/ei/c/f__0
/ei/c/f__0
/ei/c/16e_48_f
/ei/c/16e_48_f
/ei/c/a73_1
/ei/c/a73_1: 투명 배경

예제 (s)

/ei/s/0_
/ei/s/0_
/ei/s/248_f
/ei/s/248_f
/ei/cs/edc255_fbf0d5
/ei/cs/edc255_fbf0d5: 원형 배경
/ei/s/0
/ei/s/0: 투명 배경