Посты с тагом скриншоты
11
июня
2008

Продолжение темы публикации скриншотов одним кликом

Делать кросспосты на Хабрахабр бывает полезно еще и по той причине, что фидбэк от них иногда приносит большее количество информации, чем было заложено в сам пост. Именно так стало с предыдущим топиком про сервис scrnshots.com, из комментариев к которому я узнал про несколько более интересных его аналогов. В продолжение этой темы, привожу их краткий обзор.

Floomby (Windows)

Русский сервис с простым и приятным интерфейсом клиентской программы. Есть поддержка горячих клавиш (точнее, одной стандартной комбинации — Ctrl-PrintScreen) и дополнительная возможность выкладывать файлы через контекстное меню Explorer-а. Для работы с сервисом не нужно никакой регистрации и авторизации, что так же его плюс.


(«видоискатель» Floomby)

К минусам можно отнести разве что чрезмерно длинные URL:

http://floomby.ru/content/c4548b00-14df-4372-af8b-86e05ed814b7.html

Адрес самой картинки выглядит так:

http://data0.floomby.ru/getfile.aspx?guid=c4548b00-14df-4372-af8b-86e05ed814b7

clip2net (Windows)

Еще один русский сервис, отличающийся от предыдущего расширенными возможностями клиента. Он позволяет рисовать поверх скриншота разнообразные стрелки и прочие графические примитивы, что может быть полезно, когда по картинке нужно что-то объяснить.

Ссылки получаются длинные, но зато они сразу указывают прямо на файл картинки, а не на страницу:

http://clip2net.com/clip/m8762/1213174472-clip-11kb.png

Горячие клавиши для снятия скриншота можно назначать самостоятельно, какие угодно.

Jing — выбор редакции (Windows, OS X)

Умеет записывать как скриншоты, так и скринкасты. Jing можно назвать самым минималистичным и при том весьма удобным инструментом для снятия видео с экрана. Единственный существенный минус — в процессе записи, нет возможности перемещать по десктопу рамку.

В отличии от всех остальных, Jing может выкладывать контент не только на свой собственный сервис (screencast.com), но и на flickr или пользовательский FTP (ура!). URL в последнем случае формируется из даты и времени снятия скриншота:

http://test.paradigm.ru/2008-06-11_1325.png

При использовании сервиса screencast.com, адреса так же получаются довольно удобными и короткими:

http://screencast.com/t/HlLQZ2Ft

В дополнение ко всему, в Jing, так же как и в clip2net, есть встроенная рисовалка:


(стрелки в Jing выглядят убедительнее, чем в clip2net)

В отличии от clip2net, графические элементы в Jing можно перетаскивать по скриншоту и трансформировать.

Сразу после запуска, клиент отъедает порядка 45 Мб оперативной памяти. После того как я снял несколько тестовых скринкастов, этот размер увеличился до 100. Такая неоправданная трата ресурсов, пожалуй, главный недостаток Jing. Из-за него программу лучше не запускать при старте системы, а только тогда, когда в ней возникает необходимость.

Скринкаст с демонстрацией возможностей сервиса: http://b23.ru/y94.

Расширения Firefox

Задача снятия скриншотов с веб-страниц стоит отдельно, т. к. ни одна из перечисленных выше программ не умеет «фотографировать» страницы сайтов целиком, включая область за пределами окна браузера.

Удобнее всего для этого использовать расширения Firefox. Я пробовал два из них — FireShot и Pearl Crescent Page Saver. Не стану выделять из них лучший вариант, т. к. по функциональности они дополняют друг друга и делать выбор лучше индивидуально (для себя я выбрал Page Saver).

Главное отличие между этими аддонами в том, что FireShot позволяет рисовать поверх скриншота, а Page Saver имеет более лаконичный интерфейс. Оба расширения имеют бесплатную и коммерческую версию с расширенными возможностями. Page Saver Pro, например, умеет автоматически публиковать скриншоты на FTP сервере и копировать ссылку в буффер обмена.

Ссылки по теме

  • Skitch.com — сервис с клиентом для OS X. Я не проверял его в действии (по банальной причине отсутствия Мака), но на скринкасте программа выглядит очень неплохо.
  • grabUp — еще одна программа для OS X. На сайте так же есть демонстрационный скринкаст.
  • ImageShack QuickShot (Windows) — после Jing, клиент ImageShack выглядит совсем бледно, но для комплекта приведу ссылку и на него. QuickShot имеет простое управление горячими клавишами и умеет как сохранять скриншоты на локальном диске, так и выкладывать их, собственно, на imageshack.us. Один минус — для загрузки скриншотов нужна регистрация и авторизация.
  • В комментарии pepelsbey на Хабрахабре описано, как с помощью Apple Script снять скриншот, выложить его на FTP и поместить ссылку в буффер обмена. На все — 7 строк кода. Apple Script рулит и бибикает.
  • Комментарий EvilShadow с аналогичным скриптом, но на баше. Linux way решения вопроса.
10
июня
2008

Публикация скриншотов (почти) одним кликом

Иногда инструмент попадается под руку именно в тот момент, когда в нем возникает потребность. Примерно так 15 минут назад произошло с сервисом для быстрой публикации скриншотов scrnshots.com.

Время от времени возникает потребность передать собеседнику по чату или переписке то, что в данный момент находится у тебя на мониторе. Такая «фотография» обычно воспринимается легче, чем словесное объяснение, да и вообще, самый простой способ передать контекст рабочей среды — просто показать, о чем речь.

Как правило, для передачи скриншота требуется выполнить несложную, но нудную цепочку действий. Нажать Print Screen, открыть графический редактор, создать в нем новый документ, воткнуть в него скопированное изображение, обрезать (при необходимости) лишнее, сохранить в приемлемый для передачи по сети формат, зайти браузером какой-нибудь image hosting, нажать кнопку Browse, долго и скучно бродить по папкам, загрузить нужный файл и только после этого получить ссылку для копирования в чат или куда-то еще.

А почему бы не сократить эти действия до двух-трех, которые действительно требуют человеческого вмешательства? А именно, выделить фотографируемую область десктопа, нажать кнопку подтверждения публикации и получить готовый URL картинки.

Именно так все сделали создатели уже упомянутого scrnshots.com. Снятие скриншота осуществляется специальной программой-клиентом (есть версии под Mac и Windows) и состоит из двух операций.

1. Выделение нужной области:

scrnshots.com

2. Опциональное комментирование и расстановка тагов, по которым позже можно организовывать свои скриншоты на сервере:

scrnshots.com

Сразу после загрузки клиент предлагает открыть страницу скриншота в браузере, из которого можно извлечь пермалинк вида:

http://www.scrnshots.com/users/dreikanter/screenshots/11857

Вот, собственно, и вся основная функциональность сервиса. Дополню обзор несколькими субъективными замечаниями относительно реализации:

  • Процесс загрузки скриншота можно было бы сделать еще более минималистичным, сократив содержимое диалогового окна до двух кнопок — Upload и Cancel. Это было бы оправдано, т.к. большинство пользователей все равно поленится расставлять таги. Второстепенную функцию каталогизации можно без потерь полностью перенести в веб UI.
  • Адреса скриншотов можно было бы сделать и покороче, чтобы их стало легче постить в твиттер или диктовать (если, ни дай бог, понадобится) по телефону. Явно лишними деталями в приведенном выше адресе можно назвать «users/», «screenshots/» и совсем бессмысленное «даблъю-даблъю-даблъю». Кроме того, ID можно записывать в какой-нибудь более лаконичной форме, чем номер в десятичной системе счисления.

    Имя пользователя, судя по всему, тоже не имеет серьезной функциональной нагрузки, т.к. нумерация картинок сквозная, но его наличие в адресе (предположительно) может быть обосновано социальной составляющей сервиса. когда в адресе есть имя, сразу понятно, кому принадлежит скриншот.

  • И самое главное упущение: они забыли сделать хоткей. Либо не документировали его, в результате чего нужно делать два таких долгих и скучных клика, вызывая команду контекстного меню из трея.
scrnshots.com

Менее значительные (или слишком глобальные) комментарии и пожелания: аляповатый гламур на страницах излишен, у простого инструмента должен быть простой дизайн; клиент был бы совсем молодец, умей он работать с пользовательскими FTP серверами; кнопочка Copy так и просится рядом со сгенерированным HTML кодом для embed-а.

А социальная составляющая, по большому счету, там нафиг не нужна. Она только отвлекает своим шумом от основной простой и красивой идеи сервиса — «скриншот-в-вебе-одной-кнопкой». Тем более, что комментировать картинки гораздо логичнее с помощью внешних инструментов (блогов, социальных сетей и чатов, для которых и выкладываются эти скриншоты).

Ссылки по теме