안녕하세요
오늘은 어떤 분이 "10mb 파일은 티스토리에 못올리나요? "
라는 질문이 있으셔서 제가 직접 방법을 찾아서 공유드리려고 합니다
일단 그냥 gif 파일은 업로드가 정말 간단합니다
그냥 이미지를 드래그 하셔서 글쓰기에 붙여넣기를 하면
바로 업로드가 가능한데요
문제는 이거죠
10MB 이상이 넘어가는 파일은 업로드가 불가능합니다.
여기서 포기하시는 분들도 있을 거고 jpg, png, gif 파일을 용량을
어떻게든 줄이려고 파일 압축 프로그램이나 사이트를 많이 찾아서 고생고생해서 줄였는데
그래도 10MB가 택도 없는 분들이 많으실거예요 (제 경험담..)
하지만 오늘 제가 알려드릴 방법으로는 가능합니다
핀터레스트(Pinterest)를 이용한 업로드
요리법, 집 꾸미기 아이디어, 영감을 주는 스타일 등 시도해 볼 만한 아이디어를 찾아서 저장하세요.
www.pinterest.co.kr
핀터레스트? 조금 의아해 하실 수 있는데요
핀터레스트는 사진, 이미지 등을 공유하는 SNS 사이트 입니다
핀터레스트를 이용해서 티스토리에 용량이 큰 이미지를 업로드 해보겠습니다
1. 오른쪽 상단에 프로필을 눌러준다
2. + 버튼으로 사진을 추가한다.
3. 보드는 게시판 핀은 게시물을 뜻합니다
사진을 올려주고 제목까지만 적어주시고 저장을 눌러줍니다.
업로드가 되시면 사진을 우클릭하시고
"이미지 주소 복사" 를 클릭해주세요
복사한 이미지 주소를 넣기 위해
티스토리 블로그 새로운 글쓰기로 들어와서
우측 상단에 기본모드를 HTML 로 바꿔주세요
제가 업로드 해드린 이 코드를 복사해서 붙여 넣어 줍니다
width 100% 는 넓이를 크기와 상관없이 적절하게 100% 로 맞춰주고
height는 넓이에 맞춰서 auto 로 맞춰줘라 라는 코드입니다
src 다음에는 이미지의 소스, 즉 주소가 들어갈 위치입니다
그러면 이제 이미지 주소를 넣어봐야겠죠?
src="이미지 주소 붙여넣기" 라는 부분이 보이실텐데
" " 사이에 아까 복사한 주소를 붙여넣어 줍니다.
그러면 위와 같은 모양이 될 거예요
그러면 파일 업로드가 완료 됐습니다
이 상태로 기본모드로 돌아가 주세요
그러면 이렇게 이쁘게 사진이 들어간 것을 볼 수 있습니다
구글 드라이브(Google Drive)를 이용한 업로드
https://drive.google.com/drive
Google 드라이브 - 모든 파일을 한 곳에서
하나의 계정으로 모든 Google 서비스를 Google 드라이브로 이동하려면 로그인하세요.
accounts.google.com
이번에는 구글 드라이브를 이용한 이미지 붙여넣기 입니다
사실 다른 분들이 올리신 것을 제가 보고 따라해 보려니까
잘 안되더라고요 구글 드라이브가 업데이트 되면서 막힌 부분인 것 같아요
그래서 제가 다른 방법을 가져왔습니다
일단 이미지 파일을 구글 드라이브에 업로드를 해줍니다
저 처럼 D&D를 해주시거나 왼쪽 상단에 "새로 만들기"에서 업로드를 해주세도 됩니다
업로드가 조금 기다리시면 완료될 거예요
이것도 똑같이 마우스 우클릭으로 링크 생성을 해줍니다
링크가 생성될 건데 저랑 같이 보이게 설정을 해주세요
그리고 링크를 복사해 줍니다
복사한 코드를 붙여넣으면 오류가 나거나 이미지가 보이지 않으실 거예요
이 코드를 변환해주는게 필요합니다
변환은 아래 사이트에서 진행해 주세요
https://coconuts.tistory.com/248
구글 드라이브 링크 image 태그로 변환 - img | gif | png 파일 업로드
공유 링크를 외부에서 사용 가능한 주소로 변환하는 사이트 구글드라이브 공유 주소를 붙여 놓고 변환 버튼을 클릭하면 자동으로 외부에서 사용 가능한 주소가 나옵니다. Google Drive path Make
coconuts.tistory.com
Google Drive path 에 아까 구글 드라이브에서 복사한 이미지 주소를 붙여넣어 줍니다
그리고 Make Google Drive Path Linkable 를 클릭해주면
아래 변환된 링크가 나옵니다
여기서 Image Tag 부분에 링크를 복사해 주셔야하는데
그냥 복사해 주시면 제대로 복사가 되지 않습니다
주소를 ctrl+a 로 전체 선택 후 마우스 우클릭을 해주시면
Google 에서 검색해서 열수가 있습니다
그러면 이런 식으로 나올 텐데 여기서
<img src *******> 형식으로 나온 링크를 복사해 줍니다
저는 예시라서 저렇게 그냥 URL만 나옵니다
여기서는 제가 드린 코드가 필요없고
그대로 HTML 모드에서 붙여넣어줍니다
그러면 이렇게 이미지가 나온 것을 확인할 수 있습니다
중요한게 있는데 100MB 이상의 파일은 안됩니다!
잘안되시거나 궁금하신 점은 댓글로 남겨주세요!
댓글로 남기실 때 로그인을 하지 않으시고 비공개로 달아주시면
답변이 어렵습니다, 로그인을 하지 않으신 분은 공개로 댓글을 남겨주세요!
감사합니다