배경 및 목적
https://www.gpters.org/nocode/post/osmu-using-make-automatically-V6TleyXabx0wYQN
지난 사례글에서는 GPT를 이용해 캡션을 생성하는 것 까지 재현 했었는데요. 이번에는 이미지까지 크롤링해서 인스타그램에 업로드 하는 것 까지 과정을 소개하도록 하겠습니다!!
참고 자료
궁극적으로 제가 사용하는데 도움이 된 건 아니지만, 유용한 링크들 공유드립니다.
https://www.youtube.com/watch?v=601wkowoU3g
보통 각종 이미지 생성 툴을 통해서는 URL이 생성되는데요. 그걸 이미지 파일로 다운로드 받아서 구글 드라이브에 올리는 방법에 대해 알려주는 영상입니다.
여러개의 사진을 페이스북으로 올리는 방법에 대한 설명입니다. 아시는 분들은 아시겠지만, Array agregator를 이용해서 인덱스를 부여한 다음, 그 어레이를 포스팅 하거나, 인덱싱을 부여해서 포스팅하면 됩니다.
이번 사례에서 제가 사용하지는 않았지만, 유용하다고 생각하실 분들이 많을 것 같아 올립니다. HTML이나 CSS 를 이용해서 이미지를 생성하는 툴이에요. (그러면 이제 한글이나 영어가 깨지지 않겠죠!)
위치를 잡거나 하는게 쉽지는 않겠지만, 일정한 포멧과 글자가 있으면 한 번 만들고 대량생산 가능하니 좋습니다.
--추가--
캔바를 쓰려다 실패한 저에게 한줄기 빛같은 Placid...🥹 특정 프레임을 만들어 그 프레임대로 대량의 이미지를 만들 수 있는 툴입니다.
활용 툴
RSS
HTTP
Text Parser(HTML to text, get image)
Placid
GPT
instagram
실행 과정
앞단에 텍스트 크롤링까지는 이전 포스팅 에 있으니 넘어가도록 하겠습니다. 뒤에 이미지 크롤링부터 들어갈게요!
HTTP로 이미지 크롤링하기
이전에 추출한 HTTP로 이미지를 크롤링 할 수 있도록 합니다. 그럼 아래와 같이 여러개의 번들로 이미지가 출력되요!!
내가 올린 이미지만 필터링하기
위 사진에서 Attributes를 자세히 보면 class 가 여러개 있습니다.
큼직하게, se-image-resource, se-sticker-image, 기타 가 있는데요. 그 중 se-image-resource 는 제가 직접 올린 사진, se-sticker-image 는 네이버 블로그에서 스티커, 나머지는 블로그를 구성하는 아이콘, 지도와 같은 이미지를 뜻합니다. 여기서 저는 제가 올린 이미지만 필요하니까 필터링을 걸어줄 거에요.
이렇게 엘리먼트 값에서 class 가 se-image-resource 인 것만 불러옵니다.
Array Aggregator로 묶어주기
여러개의 번들로 되어있던 이미지들을 하나로 묶어주기 위해서 Array Aggregator를 사용합니다. 그렇게 되면 각 번들에 인덱싱이 매겨져서 제가 어떤 사진을 업로드 하고 싶은지 직접 고를 수 있어서 좋습니다
이제 인스타그램에 업로드!
이렇게 어레이로 출력된 것들을 인덱싱을 매겨서 업로드 지정해줍니다. 저는 이미지 1번은 썸네일이고, 음식 사진은 뒤쪽에 위치해 있어서 인덱싱의 뒤쪽부터 순서대로 업로드했어요!
장소나 태그도 직접 걸 수 있어서 좋네요!
결과 및 인사이트
이렇게 업로드 된 저의 인스타그램!!
이미지 크롭을 해서 정사각형으로 자르고 싶다는 생각이 커서 이것저것 알아봤는데, 어디서부터 얼마나 자를지를 픽셀단위로 다 지정해줘야해서 좀 많이 어렵더라구요 (제가 올리는 사진이 가로 세로일지도 모를 뿐더러 사진이 어디가 포커싱인지 모르니까ㅠ)
그래서 일단은 있는 그대로 올려봤더니, 알아서 잘라줄거라는 기대랑은 초큼 다르게, 그냥 위아래 여백두고 올려주더라구요 ㅎㅎ 그래도 올린게 만족이긴 합니다.