웹솔루션개발 25년 노하우! 해피CGI의 모든것

https://screenshotlayer.com 에서 제공하는 웹사이트 스크린샷 API 입니다.꽤나 정확도가 높고 간단한 소스 제작으로 이용이 가능하며, 다양한 옵션을 제공하는 API 입니다. 지정된 경로로 호출을 하여 Image Source 출력이 가능 하도록 API 가 구현 되어 있습니다. 해당 API를 이용하기 위해서는 회원가입을 진행 해야 됩니다. 회원 가입 페이지에 이동시에는 아래 처럼 가입을 하고자 하는 상품 (무료 및 유료)를 선택해서 가입이 가능 합니다. 무료 버전의 경우 한달에 100개 URL 을 호출이 가능하고, 동일 URL 호출시에는 카운트가 상승 되지 않습니다. 가입이 완료가 되면 아래와 같은 페이지로 이동이 되고, 자신에게 발급된 키를 확인이 가능 합니다. 키 발급이 완료가 되었..

웹사이트를 스크린샷 이미지로 변환 해주는 Page2Images API 입니다. 해당 API를 이용하기 위해서는 키파일을 생성해야 되며, 키파일 생성시 무료/유료 키파일이 분리가 되어 있습니다. 무료 키파일의 경우에는 하루 100번의 호출이 가능 합니다. 키 생성은 회원가입후 이메일인증을 하신뒤에 로그인을 하시게 되면 아래와 같은 화면에서 생성이 가능 합니다. 해당 API는 3가지의 API 연동 방식을 제공하고 있습니다. Rest API 의 경우 PHP 나 Java등의 웹프로그램에서 직접 Page2Images 에서 제공하는 API URL을 호출하는 방식 입니다. 해당 Rest API 페이지로 접근시 샘플 소스를 다운 받아서 직접 구동을 해볼수가 있습니다. http://www.page2images.com/R..

사이트를 다양한 브라우저 OS 환경에서 테스트를 해보아야 하는데 그 모든 시스템을 갖출수 없을때 이 서비스를 유용한 서비스 같습니다. 위와 같이 Mac OS 에서 사파리로 웹브라우저로 실시간으로 해당 사이트를 테스트 해볼수 있습니다. 또는 윈도우에서도 테스트 가능하며 다양한 브라우저 버전으로 테스트 가능합니다. 모바일도 마찬가지로 테스트 가능하며, 실시간으로 테스트 가능합니다. 비용은 약간 비싼 감이 있습니다만, 하드웨어를 직접 구성하는 가격보다는 저렴하며, 그리고 한달 무료로 이용가능하므로, 무료 이용후 서비스 결제해보셔도 좋을것 같습니다.

동그라미재단 서체는 동그라미 재단 창립 5주년 기념으로 공유와 나눔 정신을 담은 서체 입니다. 공유한다는 의미로 곡선의 획 형태를 표현해 부드럽고 따뜻한 감성을 담았으며, 모음 'ㅇ'을 세로로 길게 디자인해 밝고 활기찬 에너지를 느낄 수 있는 서체입니다. 또한, 모듈을 상승시켜 초성 윗줄의 시각적 흐름을 정리하여 특징있는 제목과 단문 뿐만 아니라 긴 호흡의 문장을 장성하는데 적합한 서체입니다. 동그라미재단 서체는 동그라미재단B, 동그라미재단M, 동그라미재단L 3종으로 구성되어 있습니다.동그라미재단 서체는 동그라미재단에서 무료로 배포하고 있고,자유롭게 수정하고 재배포 하실 수 있습니다.

웹사이트에서 이미지의 크기를 조절하고 특수효과를 적용할수 있습니다. 이미지를 선택해서 자를수도 있으며 회전이 가능합니다. 이미지의 크기를 줄일 수 있습니다. 특수효과를 이미지에 적용할 수 있습니다. 편집한 이미지의 확장자를 선택해 저장 합니다.

webgradients는 180개의 그라디언트 샘플을 볼 수 있습니다. 맘에 드는 그라디언트를 발견하시면 png파일로 저장하시거나 css를 복사하여 사용할 수 있습니다. webgradients는 그라디언트 색상 조합을 위와 같이 썸네일 식으로 보여줍니다. 맘에 드는 그라디언트를 발견하시면 1번을 누르시면 png를 다운받으실 수 있습니다. 2번에서 색상코드를 알 수 있습니다. 3번에서 css를 복사하여 사용하실 수 있습니다. 색상이 2개 이상일 경우, 2번부분이 many color로 표시 되어있지만 css를 복사하면 색상코드를 보실 수 있습니다. ex) background-image: linear-gradient(to top, #d5d4d0 0%, #d5d4d0 1%, #eeeeec 31%, #efeeec..

필터링 기능을 이용하여 소스, 나이, 성별, 머리색상등을 선택하여 원하는 인물을 쉽게 검색할 수 있도록 제작되어있습니다.또한 이미지내에 관련 API 도 포함되어있어 샘플얼굴 사진이 필요할때 이용하시기 바랍니다. 위 검색으로 필터링시 원하시는 얼굴을 검색할 수 있습니다. 해당 이미지를 클릭하면 이미지에 대한 정보가 출력되며, 마우스우측버튼을 클릭시 이미지를 저장할 수 있습니다. 이미지내에 관련 API 도 포함되어있어 샘플얼굴 사진이 필요할때 이용하시기 바랍니다. 단 실제 홈페이지내에 상업적 광고목적으로 개제할 경우 라이센스에 문제가 될수 있으니 유의하시기 바랍니다.

Browshot 을 이용하여 스크린샷을 찍는 방법 Dashboard 사용 아래 페이지에서 url 입력만으로 스크린샷을 찍을 수 있습니다. https://browshot.com/dashboard/#screenshots 브라우저를 선택하고 url 을 넣으면 (+ 버튼을 이용하여 한번에 여러개 스크린샷 가능) 스크린샷이 찍힙니다. Finished 에서 url 을 넣으면 아래처럼 스크린샷을 찍은 이미지를 찾아줍니다. 이미지를 클릭하면 스크린샷 찍힌 이미지 확인이 가능합니다.

일단 위 스크린샷은 해당 사이트의 캡쳐 API 를 이용하여 캡쳐한 것입니다. 이미지 퀄리티가 좋고 한글도 깨짐 없이 캡쳐가 잘 됩니다. https://api.urlbox.io/v1/YOUR_API_KEY/GENERATED_TOKEN/FORMAT?REQUEST_OPTIONS 위와 같이 URL 로도 이미지를 캡쳐 받아 이미지를 다운로드 받을수 있으며, PHP 로 API 를 연동도 가능합니다만, 이경우 자신의 서버가 있어야 하고 자신의 서버에 https://packagist.org/packages/urlbox/ 위의 패키지가 설치 되어야 합니다. 패키지가 설치 되면 위와 같이 간단한 소스로 이미지 URL 을 생성하여 img 태그에 바로 적용 가능합니다. 한달에 스크린샷 5000개에 $29 에 사용할수 있습니다..

지금 써보러 갑니다.! 세상 모든 서비스에 대한 이야기가 있는 사이트입니다. 기획자, 디자이너, 개발자, 퍼블리셔, 마케터 등 다양한 분야에 종사하시는 분들이 두루두루 참고하시기 좋은 사이트입니다.