움짤 하나 받으려고 다운로드 버튼을 눌렀다. 나온 파일이 18MB였다. 9초짜리 “thank you” 움짤 하나가. 이 블로그는 홈 화면이 2.8MB인 게 무거워서 이미지를 전부 WebP로 바꾼 적이 있다. 그 노력을 움짤 한 장이 여섯 배로 되돌린 셈이다. 오늘 다섯 곳을 돌려 보면서 제일 크게 배운 게 이거였다. 그래서 어디서 찾느냐부터 정리하고, 마지막에 용량 얘기를 하겠다. 다섯 … Read more
가진 이미지에 효과만 얹으면 되는데, 그거 하나 때문에 포토샵을 켜야 하나 싶을 때가 있다. 브라우저에서 되는 도구 세 곳을 직접 돌려 봤다. 패턴을 짜 주는 곳, 사진을 망점이나 점묘로 바꿔 주는 곳, 영상 속 움직이는 물체를 잡아 네모 박스로 따라다니게 하는 곳. 셋 다 설치가 없고, 두 곳은 완전 무료다. 나머지 한 곳이 어디서 유료로 … Read more
글자를 다루는 웹 도구 세 곳을 하루 동안 눌러 봤다. 내 손글씨를 폰트로 바꿔 준다는 곳, 슬라이더만 밀어서 글자체를 뽑는 곳, 입력한 문장을 3차원 공간에 띄워 움직이게 하는 곳. 셋 다 무료고 가입도 없다. 써 보고 나서 제일 중요한 갈림길은 예쁜 정도가 아니었다. 끝나고 내 손에 무슨 파일이 남는가였다. 어떤 건 설치해서 한글 문서에서 쓸 … Read more
무료 이미지 사이트는 어지간히 다들 안다. 언스플래시, 픽사베이… 그 얘긴 지난번에 정리했다. 이번엔 결이 좀 다르다. 크게 안 알려졌지만 디자인 작업에 바로 쓰는 특화 창고들이다. 3D 아이콘, PSD 목업, Figma UI 키트, 오픈소스 폰트. 여덟 곳을 추렸다. 고를 때 기준은 하나였다. 라이선스가 깔끔한가. 먼저 짚어 둘 게 있다. “무료”라고 다 같은 무료가 아니다. 아무 조건 … Read more
블로그에 넣을 사진 한 장 자르고, 크기 줄이고, 배경 좀 지우려는 것뿐인데. 검색하면 다들 포토샵부터 꺼낸다. 월 구독까지 해야 하나 싶어 손이 멈춘다. 결론부터 말하면, 대부분은 안 사도 된다. 무료로 되는 범위가 요즘 더 넓어졌다. 무료로 어디까지 되나 몇 해 전만 해도 “무료 편집기는 결국 포토샵을 못 따라간다”가 맞는 말이었다. 지금은 좀 다르다. 두 가지가 … Read more
요즘은 어딜 가나 AI 이야기입니다. 남들은 뚝딱뚝딱 잘 쓰는 것 같은데, 정작 나는 뭘 어떻게 시작해야 할지 막막하죠. 그 마음, 충분히 이해합니다. 결론부터 말씀드릴게요. 대단한 걸 배울 필요 없습니다. 검색창에 검색하듯, 아니 옆 사람한테 말 걸듯 그냥 물어보면 됩니다. 설날에 토정비결 한번 뽑아 보는 것만큼 가벼운 마음으로요. 준비물은 스마트폰 하나면 됩니다. 챗GPT 앱(또는 제미나이 같은 … Read more
코딩을 한 줄도 몰라도, 만들고 싶은 걸 사람 말로 설명하면 AI가 대신 코드를 써 줍니다. 요즘 이걸 바이브 코딩이라고 부릅니다. 저는 이 방식으로 작은 주사위 게임을 만들어서, 지금 이 글 안에 넣어 두었습니다. 아래 버튼을 누르면 바로 굴러갑니다. 먼저 한번 해 보세요. 어떻게 만들었는지는 그다음에 이야기하겠습니다. 먼저 굴려 보기 주사위 두 개를 굴려 합을 보여 … Read more
워드프레스로 사이트를 만들자고 마음먹으면 검색을 시작하기도 전에 벽을 하나 만난다. wordpress.com과 wordpress.org. 이름이 거의 같은데 전혀 다른 물건이다. 여기서 방향을 잘못 잡으면 뒤의 단계가 전부 어긋나니까, 순서를 이 갈림길부터 잡아 본다. 이 블로그도 워드프레스로 돌아간다. 한글판과 영문판 두 개를 서버에 직접 깔았고, 하루가 꼬박 걸렸다. 그 과정에서 배운 것도 아래에 같이 넣었다. 0. 워드프레스닷컴이냐, 설치형이냐 … Read more
블로그에 글을 올리려는데 넣을 그림이 없다. 검색창에 “무료 이미지”를 치면 사이트가 쏟아진다. 아무거나 하나 받아 쓰면 될 것 같은데, 몇 해 뒤에 법무법인 이름이 찍힌 봉투를 받는 사람이 실제로 있다. 무료라고 적혀 있어도 저작권이 사라진 게 아니라서 그렇다. 무료는 “이 조건을 지키면 써도 된다”는 허락이다. 그 조건이 사이트마다 다르고, 사고는 거기서 난다. 게티이미지는 유료다. 그런데 … Read more
티스토리나 블로그를 쓰다 워드프레스로 넘어오면 사소해 보이는 데서 한 번 막힌다. 글 주소다. 어떤 사이트는 주소가 example.com/글제목처럼 깔끔한데, 어떤 데는 example.com/?p=123이다. 이 차이가 고유주소 설정에서 갈린다. 우리 사이트는 /글이름/ 방식으로 잡아 뒀는데, 그 얘기부터 풀어 본다. 딱 하나만 기억하면 된다. 주소는 처음에 정하고, 그다음엔 건드리지 마라. 고유주소가 뭔가 고유주소(퍼머링크, permalink)는 글 하나하나에 붙는 영구 주소다. … Read more