어쩌다알게된것들

간단한 Web HTML 편집기 / HTML 편집&미리보기 프로그램 / 무료 이미지 호스팅 / 갑자기 코딩하는 느낌나네.

2023. 1. 13.
SMALL

오늘은 사이트를 전반적으로 점검하기 위해서 어떻게 해야할까? 고민을 하다가, 알게된 것들을 정리해 보려고 한다.

간단한 Web HTML 편집기 / HTML 편집&미리보기 프로그램 / 무료 이미지 호스팅

 

 

 

1. 간단한 Web HTML 편집기를 검색하다가 한 사이트를 발견했다.

 

온라인 HTML 편집기 : 생성기 및 편집기 | RAKKOTOOLS🔧

온라인 및 무료 HTML 편집기. 입력 텍스트, 테이블 등으로 HTML 생성 및 편집

ko.rakko.tools

 

 

 

굉장히 깔끔한 나모웹에디터(?!)스러운 간편한 HTML 편집기인데, 모바일에서 사용해도 될 정도로 완벽하게 구현이 되어 있다.

안타까운 1가지 사실은, 한국 사람이 만든 사이트가 아니라는 점? 이 사이트 제작자는 온라인 HTML 편집기만 운영하는 게 아니다.

사이트를 타고 들어가보니, 도메인 매매도 하고, 이러저러하게 온라인 사업을 하는 기업이었다.

여튼 굉장히 깔끔하게, 만들어서 잘 하고 있구만? 하는 생각이 들었음..ㅎ

앞으로 여기에서 html 페이지를 만들어서 개별 저장해 놓고 쓸 계획이다. html 파일로 다운로드할 수도 있으니 메모장에 붙여서 htm 확장자 붙여 저장하는 수고를 덜 수 있으니 아주 좋다.

 

 

 

 

2. 간단한 Web HTML 편집기를 검색하다가 한 사이트를 발견했다. 

 

Online HTML Editor

The best real-time online HTML editor with dynamic instant live visual preview, inline WYSIWYG editor and source cleaning features. Includes a HTML viewer

html-online.com

 

 

 

UI가 되게 깔끔하지는 않은데, 1번보다는 태그가 깔끔하게 나온다.

1번 사이트는 태그가 매우 조잡한 편.

 

 

 

3. HTML 편집하며 실시간 미리보기가 가능한 프로그램도 있다.

 

A modern, open source code editor that understands web design

Brackets is a lightweight, yet powerful, modern text editor. We blend visual tools into the editor so you get the right amount of help when you want it. With new features and extensions released every 3-4 weeks, it's like getting presents all year long.

brackets.io

 

 

 

Brackets 이라는 프로그램인데, HTML로 페이지를 작성하면, 웹화면 미리보기를 통해 실시간으로 띄워준다.

프로그램 우측 스크롤바 옆에 있는 번개 모양을 누르면 웹화면이 팝업창으로 뜨는데, 그 페이지를 통해 실시간으로 코딩 변화를 보여주니 편할 것 같다. 기본적인 프레임은 잡아놓고, 거기에 내용만 수정하는 목적으로 쓰기에 딱 알맞을 것 같다.

 

 

 

4. 무료 이미지 호스팅 사이트

이미지 호스팅 업체에 유료로 가입하려다가, 우선은 무료 이미지 호스팅을 통해 목표로 하는 페이지를 꾸려보기로 했다.

개인 사업자들이 초기에 많이 쓰는 이미지 호스팅 사이트는 옥션, 지마켓의 ESM에서 제공하는 ESM PLUS 호스팅이다.

 

이미지 호스팅 - 관리 툴

 

im.esmplus.com

 

 

 

굉장히 직관적이고, 단순하게 구현되어 있으며, 내 컴퓨터 화면과 비슷하게 구성되어 있기에 사용이 편리하다.

다만,  jpg / jpeg / png / gif / htm / html 만 업로드가 가능하고, 10MB까지만 업로드가 되는 점이 아쉽다.

기본적으로 ESM에 가입되어 있는 판매자들만 사용이 가능하다.

 

 

 

 

무료 이미지 호스팅 / 이미지 업로드

자동 이미지 삭제 자동 삭제를 하지 않음5분 후15분 후30분 후1시간 후3시간 후6시간 후12시간 후1일 후2일 후3일 후4일 후5일 후6일 후1주 후2주 후3주 후1개월 후2개월 후3개월 후4개월 후5개월 후6개

imgbb.com

검색을 하다보니, imgBB라는 사이트도 나왔다. 무료 이미지 호스팅이 가능하며,

가능한 파일은 JPG / PNG / BMP / GIF / TIF / WEBP / HEIC / PDF 이며, 32MB까지 업로드가 가능하다.

gif 파일을 업로드할 때 용이할 것 같다.

앞으로 ESM 플러스와 함께 사용하게 될 것 같다.

 

 

 

여기에도 무료 서비스이기에 광고가 여기저기 붙어있다. 사용료를 내는 것일 뿐.

특이한 점은 이미지를 업로드 할 때, 자동삭제 기능이 있다는 것이다.

삭제되지 않길 원한다면, 자동삭제를 하지 않음을 선택하면 된다.

그리고 계정 만들기를 해서 로그인 후 이용한다면, 나중에 다시 링크를 얻을 때 편리할 것 같다.

 

 

 

5. gif 용량 줄이는 사이트

여차저차하다보니, mp4로 작업한 영상을 gif로 변환 후에도 용량이 32MB 이하로 내려가질 않았다.

그래서 gif 용량 줄이는 사이트를 또 알아보게 되었다. 여기도 한국에서 만든 사이트는 아니고 외국 사이트.

정말 잘 만든 것 같다. 감탄.ㅎㅎ

어차피, 한국어로 자동변환되어서 보여지니까 언어 보기에는 무리가 없었다.

 

 

iLoveIMG | 쉽고 빠른 온라인 무료 이미지 편집 툴

신속하게 파일 수정이 가능한 무료 이미지 편집 툴 iLoveIMG. 잘라내기, 크기 조정, 압축, 변환 등의 작업을 진행해 보세요!

www.iloveimg.com

 

 

 

이미지의 용량이 굉장히 많이 작아져서, 알맞게 imnBB 사이트에 올릴 수 있게 되었다.

 

 

 

6. png, jpg, jpeg 이미지 용량 줄이는 사이트

 

TinyPNG – Compress WebP, PNG and JPEG images intelligently

Make your website faster and save bandwidth. TinyPNG optimizes your WebP, PNG and JPEG images by 50-80% while preserving full transparency!

tinypng.com

 

 

 

간단하게 용량을 줄일 수 있어서, 즐겨찾기 해 놓고 사용하기가 좋다. tiny PNG

 

 

 


여기까지 정리 끝 -

 

 

 

 

 

LIST


공유하기