гуглодиск как хостинг картинок (файловый хостинг)

Discussion in 'Флуд' started by vxsw, Aug 24, 2016.

  1. vxsw

    vxsw Raider Golden Founder

    Joined:
    Feb 10, 2016
    Messages:
    2,497
    Likes Received:
    869
    Trophy Points:
    123
    скажу сразу. спорить о том что лучше, а что хуже - не буду. просто расскажу о том, чем пользуюсь сам. использовать это или нет вам - решайте сами.

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

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

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

    тут, хочу рассказать как использовать ггуглодиск, в качестве хостинга картинок.
    начать стоит с начала, а именно с принципа самого хостинга на гуглодиске.
    по умолчанию, у вас одна папка (корневая) и она закрыта для просмотра другими пользователями.
    рекомендую, наделать в ней подпапок. это позволит в последствии проще искать понадобившуюся старую информацию.
    каждая папка и файл, имеют свой собственный идентификатор, примерно такого вида "0BxNbonm8WQm6N1VrUks4QnB2VDQ". при этом, в случае с хостингом, можно обращаться к дочерним объектам от родительского, по нормальным названиям. например, имеем такую структуру:
    [​IMG]
    в адресной строке, видно ид папки. это кк-раз "0BxNbonm8WQm6aGk1ZlFDZmd2d1U". его-же можно увидеть, по контекстному меню, вываливающемуся по стрелке, справа от имени папки (пункт меню "совместный доступ"). использовать можно как его, так и ид от любой вышерасположенной папки. но в этом случае, указывать путь до файла, нужно указывая все промежуточные папки, хоть и прямым текстом. ид указывается, только для отправной "точки". при желании, использовать можно, даже напрямую ид файла, вместо прямого имени файла с ид папки, в к-й он расположен.
    естественно, что чтобы ссылки на файлы открывались у других, надо настроить область их видимости. достаточно режима чтения ("общедоступно для поиска и просмотра"). думаю не стоит объяснять, что открыта должна быть вся ветка от указанного в ссылке идентификатора, до конечного файла. при этом, видимость "выше", значения не имеет.
    по умолчанию, папки и файлы наследуют видимость от родительских, если область видимости не задана явно.
    если брать пример с картинки, то верхней расшаренной папкой у меня, является "globalshare". это дает мне возможность, не задумываясь создавать внутри нее любые структуры и ссылаться на любые их части (любую вложенную подпапку или файл) на всю глубину дерева. при этом, другие папки корневой папки "мой диск", другим не доступны.

    ну ладно, с основами разобрались. теперь как пользоваться.
    базовый функционал - выделяем картинку, жмем правой кнопкой по имени файла и жмем "совместный доступ":
    [​IMG]
    получаем ссылку:
    HTML:
    https://drive.google.com/file/d/0BxNbonm8WQm6eVdnOUxteTJ4VWs/view?usp=sharing
    если вставлять ее на форуме в качестве картинки, получим это:
    [​IMG]
    при этом, не факт, что форум картинку отобразит, хотя в браузере, картинка откроется. ситуация исправляется просто. берем ид папки в которой лежит файл, а это "0BxNbonm8WQm6aGk1ZlFDZmd2d1U" (его видно в адресной строке) и подставляем к нему "https://googledrive.com/host/", за ним, дописываем прямое имя файла "11_mystic_f.png". в итоге, получаем:
    HTML:
    https://googledrive.com/host/0BxNbonm8WQm6aGk1ZlFDZmd2d1U/11_mystic_f.png
    [​IMG]
    ссылку на тот-же файл, можно было сделать и с более высоких папок. например из папки "project genom". при этом, нужно было-бы указать путь до файла через все промежуточные папки (armor/tactic):
    HTML:
    https://googledrive.com/host/0BxNbonm8WQm6S0pGN2lsQ3pfOG8/Armor/Tactic/11_mystic_f.png
    теперь о превьюшках.
    в превьюшках, используются ид конечных файлов. в данном случае, это "0BxNbonm8WQm6eVdnOUxteTJ4VWs". в качестве начала адреса "https://drive.google.com/thumbnail?id=", в концовке, используются параметры. например "&authuser=0&sz=w320-h320-s"
    где:
    - "&" - указатель параметра
    - "authuser=0" - указывает на то, что авторизация не требуется (обязательный параметр)
    - "sz=w320-h320-s" размеры генерируемой превьюшки, где:
    - - "w320" - ширина
    - - "h320" - высота
    - - "s" - ключ, указывающий на игнорирование пропорций. по умолчанию идет ключ "k" (сохранять пропорции). есть еще другие ключи, в частности с обрезанием картинки, но о них не буду.

    в случае сохранения пропорций, указывать можно только ширину, или только высоту. например "sz=w320"
    примеры итоговых ссылок на превьюшки:
    HTML:
    https://drive.google.com/thumbnail?id=0BxNbonm8WQm6eVdnOUxteTJ4VWs&authuser=0&sz=w320-h320-s
    https://drive.google.com/thumbnail?id=0BxNbonm8WQm6eVdnOUxteTJ4VWs&authuser=0&sz=w120
    
    50х50:
    [​IMG]

    и да - анимфция гифок в превьюшках сохраняется:

    [​IMG] [​IMG] [​IMG]

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

    собственно на этом пожалуй все. надеюсь, кому-то будет полезно Drag_man543
    --- Aug 18, 2016 ---
    утро началось со смеха сквозь слезы:
    ушел курить мануалы. накурю что-нить внятное - отпишусь. Drag_man543
     
  2. Bob_Jons

    Bob_Jons Raider Golden Founder

    Joined:
    Jul 7, 2015
    Messages:
    355
    Likes Received:
    152
    Trophy Points:
    53
    Фиговенький хостинг. :cautious:
    З.Ы.
    "У меня красные крестики".
     
  3. vxsw

    vxsw Raider Golden Founder

    Joined:
    Feb 10, 2016
    Messages:
    2,497
    Likes Received:
    869
    Trophy Points:
    123
    фиговый из тебя читатель
    отсюда и все вытекающие. решение пока не найдено Pardon_man3
    --- Jun 15, 2017 ---
    добрался до гугла. вроде как должно уже все устаканиться и в ближайшей перспективе врятли будут что-то менять.
    в общем, все что они сделали, это вырезали возможность пользоваться ссылками на файлы через ид папок. если раньше, достаточно было куда-то записать/запомнить ид корневой папки и потом просто ссылаться на все вложенное нормальными путями и именами файлов, то теперь все только через ид конечного объекта. в общем, поставили палку в одно из 152-х колес, но в одно из самых "вкусных".

    по итогу, имеем плюсы и минусы:
    + 15 гигов пространства в облаке
    + вечное и ни чем не ограниченное хранение
    + возможность структурированного хранения с расстановкой прав доступа
    + отсутствие необходимости создавать и хранить где-то превьюшки для документов любого поддерживаемого гуглом типа (картинки, включая анимированные, документы, презентации, таблицы и т.д.)
    - необходимость работы с 28-значными идентификаторами для каждого объекта
    - необходимость написания конечных ссылок ручками

    надо оно вам или нет - решайте сами. возможно для кого-то, окажется не столько полезным, сколько познавательным.

    и так, принимаем, что вы понимаете что такое ид объекта (файла/папки) и как его найти. на всякий случай, еще раз скрин:
    [​IMG]

    прямые ссылки на файлы.
    например, имеем гифку. дефолтная ссылка, к-ю выдает гугл при расшаривании:
    по кнопке "Включить доступ по ссылке"
    Code:
    https://drive.google.com/open?id=0BxNbonm8WQm6ZlE5SjhBYmV3eHc
    по кнопке "Открыть доступ к объекту"
    Code:
    https://drive.google.com/file/d/0BxNbonm8WQm6ZlE5SjhBYmV3eHc/view?usp=sharing
    но такая ссылка, на форумах как картинка работать не будет, а при переходе по ссылке, будет выдавать гугловскую оболочку для просмотра. чтобы сделать из первой ссылки ссылку на картинку, достаточно заменить в ней слово "open" на "uc" ("user content"?)
    Code:
    https://drive.google.com/uc?id=0BxNbonm8WQm6ZlE5SjhBYmV3eHc
    получаем:
    [​IMG]
    при этом, если открыть исправленную ссылку, откроется "чистая" картинка, а в адресной строке, будет оооочень длинная и заковыристая ссылка. технически, можно использовать и ее, но надо понимать, что это ссылка на временный файл и сколько она будет рабочей неизвестно.



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

    стандартная ссылка в зависимости от того как вы ее получали, имеет вид:
    Code:
    https://drive.google.com/open?id=<folder_id>
    либо:
    Code:
    https://drive.google.com/drive/folders/<folder_id>?usp=sharing
    работать будет и в таком виде, но мне больше нравится более компактный.

    для представления в виде списка файлов:
    Code:
    https://drive.google.com/embeddedfolderview?id=<folder_id>#list
    для представления в виде превьюшек:
    Code:
    https://drive.google.com/embeddedfolderview?id=<folder_id>#grid


    более подробно, хочу остановиться на инструменте - превью (thumbnail)
    способ с прямыми ссылками прост и работает с любыми типами файлов. но наиболее "вкусные" в нашем случае конечно картинки, а с ними он до безобразия примитивен и ни чего кроме оригинала вам не выдаст.
    для картинок, наиболее интересной, будет работа через превью. этот инструмент имеет довольно широкий набор возможностей, таких как изменение размера, поворот, зеркало, отступы и кто знает что еще, по скольку все это недокументированно и подобной информации ни где нет (по крайней мере я не нашел).
    большой плюс в том, что все это актуально и для анимированных файлов (гифок). т.е. нет необходимости использовать спец. софт или сервис для изменения размера гифки или для использования из нее любого кадра в качестве статической картинки, достаточно просто добавить пару ключей к ссылке на картинку.
    еще один вариант применения, если вы храните на диске ниэпически красивые фотки в 4к и страстно хотите ими поделиться. делать для них отдельные файлы превью ручками опять-таки не требуется. все решает правка ссылки, позволяя получить превьюшку требуемого размера.
    для примера берем изначальную ссылку. все что нужно, это заменить все тот-же "open" на "thumbnail" и при необходимости, задать параметры:
    Code:
    https://drive.google.com/thumbnail?id=0BxNbonm8WQm6ZlE5SjhBYmV3eHc
    собственно дефолтная превьюшка, выглядит так (обратите внимание, что она чуть уже оригинала, но анимация сохранена):
    [​IMG]
    теперь о параметрах.
    все задается в ключе "sz", в значении которого, можно использовать следующие параметры:
    - "h"X высота в пикселях. без доп. ключей не увеличивает больше оригинала.
    - "w"X ширина в пикселях. без доп. ключей не увеличивает больше оригинала.
    - "s"X максимальный размер в пикселях. если Х=0 ("s0"), то используется оригинальный размер (по умолчанию 220). не увеличивает больше оригинала
    - "pd" - использует указанный размер как подложку, в которую вписывается картинка, с сохранением пропорций, пустое место будет прозрачным. анимация сохраняется, допускает увеличение больше оригинального. не работает, если указана только ширина, или только высота
    - nu - не увеличивать больше оригинала. с использованием ключа "pd", картинка будет размещена по центру подложки

    - "fh", "fv" зеркалирование по горизонтали и вертикали соответственно
    - "r"X поворот по часовой стрелке. толко под 90° (т.е. 90/180/270)

    - "ci" обрезает края до квадрата по хз какому алгоритму. если использовать один размер (либо ширину, либо высоту, либо ключ "s"), то работает корректно. не увеличивает больше оригинала. если указанный размер больше оригинала, то обрезает стороны по указанному размеру
    - "pp", "pf" обрезка до квадрата, допускает увеличение. разницу не уловил
    - "n" обрезка до квадрата, допускает увеличение, не работает с ключом "s" (использовать "w" и/или "h")

    - "b"X делает прозрачный отступ по периметру (бордюр) указанной ширины, внутрь картинки, уменьшая ее
    - "br"X скругляет углы (обрезает) указанным радиусом, максимум в 0.5 минимальной стороны. обрезка идет до изменения размера оригинала
    - "k" если картинка анимированная, то не запускает анимацию, на картинке будет значок "воспроизведение". не увеличивает больше оригинала
    - "a"X использует указанный кадр из анимированной гифки. если больше последнего, используется он. на картинке будет значок "воспроизведение"
    - "no" убирает значок "воспроизведение" с кадра анимированного файла
    - "rp" запрещает анимацию, без кнопки "воспроизведение" (если не указан ключ "a"), если есть пустое место заливает прозрачным. актуален только вместе с ключом "pd"
    - "rj" аналог ключа "rp", но пустое место залито черным цветом

    - "ba"X добавляет "печать" в правый нижний угол картинки. останавливает анимацию, без кнопки "воспроизведение". где Х от 0 до 8 задает печать рыжего круга и белой звездой с количеством лучей Х+2, но не меньше 4-х. если Х = 9, то синий щит с белой галкой

    - "d" принудительная выгрузка того, что должно отображаться (некоторые ключи могут игнорироваться)

    есть еще ряд ключей, к-м применение не нашел:
    - "rh" использовать хтмл5 плеер. проблема в том, что он не работает с исходной ссылкой (до преобразования во временную). по этому, файлы не видит. если использовать в конечной (временной) ссылке, то работает. но не воспринимается форумом как картинка.
    - "g", "gh" выдает хмл-ку с матюгом о том, что она не связана ни с одним из стилей
    - "pg" сохраняет какой-то файлик "tile" хз с чем внутри.
    r, t, ip, pa, al, sg, sm, df, dv, ft, gd, nw, ns, nd, nc, mo, md, mv, rg, lf, t*, l*, v*, pc*, sc*, cp*, vl*, vb*, bc*
    где "*" - цифровое значение

    ну и парочка примеров напоследок все с той-же гифкой:
    Code:
    https://drive.google.com/thumbnail?id=0BxNbonm8WQm6ZlE5SjhBYmV3eHc&sz=h100-fv-br70
    [​IMG]
    Code:
    https://drive.google.com/thumbnail?id=0BxNbonm8WQm6ZlE5SjhBYmV3eHc&sz=h150-r90-a50
    [​IMG]
    Code:
    https://drive.google.com/thumbnail?id=0BxNbonm8WQm6ZlE5SjhBYmV3eHc&sz=w300-h100-a100-pd-rj-no-ba9
    [​IMG]


    и да - не все ключи дружат друг с другом, так-что проверяйте перед использованием


    на этом пока все, если у кого-то есть что дополнить, с интересом почитаю Popcorm1_man3
     
    Last edited: Jun 15, 2017
    Bacterial likes this.
  4. Bob_Jons

    Bob_Jons Raider Golden Founder

    Joined:
    Jul 7, 2015
    Messages:
    355
    Likes Received:
    152
    Trophy Points:
    53
    /summon Bender
     
  5. Jumuro

    Jumuro Administrator Staff Member

    Joined:
    Oct 21, 2015
    Messages:
    261
    Likes Received:
    1,095
    Trophy Points:
    153
    Если говорить в контексте форума - категорически против внешних источников вообще.
    Загружать картинки нужно прямо на форум.
    И есть такая вероятность в будущем, что это будет одним из пунктов правил.
     
  6. НечтоХрустящее

    НечтоХрустящее § Свидетель Обновы § Golden Founder

    Joined:
    Aug 2, 2015
    Messages:
    2,250
    Likes Received:
    682
    Trophy Points:
    123
    т.е. Все фото-хостинги будут забанены на форуме?
     
  7. vxsw

    vxsw Raider Golden Founder

    Joined:
    Feb 10, 2016
    Messages:
    2,497
    Likes Received:
    869
    Trophy Points:
    123
    и какой в этом смысл? ну ладно для своих картинок, фиг с ним с местом, а если скрин чей-то и взят из инета? это его надо будет к себе сначала загрузить, а потом на форум вставлять? зачем?
     
  8. НечтоХрустящее

    НечтоХрустящее § Свидетель Обновы § Golden Founder

    Joined:
    Aug 2, 2015
    Messages:
    2,250
    Likes Received:
    682
    Trophy Points:
    123
    чтоб не постили со всяких радикалов и прочего
     
  9. vxsw

    vxsw Raider Golden Founder

    Joined:
    Feb 10, 2016
    Messages:
    2,497
    Likes Received:
    869
    Trophy Points:
    123
    ну, скажем я и сам не любитель радикалов, но если картинка отображается нормально, то не вижу смысла перетаскивать ее с места на место. +ты не уловил основного:
     
  10. НечтоХрустящее

    НечтоХрустящее § Свидетель Обновы § Golden Founder

    Joined:
    Aug 2, 2015
    Messages:
    2,250
    Likes Received:
    682
    Trophy Points:
    123
    Во избежании всякого
     
  11. vxsw

    vxsw Raider Golden Founder

    Joined:
    Feb 10, 2016
    Messages:
    2,497
    Likes Received:
    869
    Trophy Points:
    123
    какого "всякого"? чего ты хочешь избежать от внешних картинок, чего нельзя сделать залив ту-же самую картинку напрямую на форум? о.0
     
  12. НечтоХрустящее

    НечтоХрустящее § Свидетель Обновы § Golden Founder

    Joined:
    Aug 2, 2015
    Messages:
    2,250
    Likes Received:
    682
    Trophy Points:
    123
    подгрузки нежелательного посредством как просмотра, так и перехода на фулл размер скрина
     
  13. vxsw

    vxsw Raider Golden Founder

    Joined:
    Feb 10, 2016
    Messages:
    2,497
    Likes Received:
    869
    Trophy Points:
    123
    подгрузка чего происходит при просмотре картинки корректно отображающейся на форуме?
    про переходы ни кто не говорил. в таком случае, надо и линки запрещать на сторонние ресурсы.
     
  14. НечтоХрустящее

    НечтоХрустящее § Свидетель Обновы § Golden Founder

    Joined:
    Aug 2, 2015
    Messages:
    2,250
    Likes Received:
    682
    Trophy Points:
    123
    Вирусы с радикала. Опять!
    Например
     
  15. vxsw

    vxsw Raider Golden Founder

    Joined:
    Feb 10, 2016
    Messages:
    2,497
    Likes Received:
    869
    Trophy Points:
    123
    ты хоть читал что линканул?
    читай "клик по кратинке"/переход по ссылке.
    зашел на эту страницу, ботинки отображаются нормально. смотрим информацию:
    upload_2017-6-20_9-53-8.png
    смотрим тапок под лупой:
    upload_2017-6-20_9-56-40.png
    и что дальше? если страницу просто смотрим, то видим просто картинку. если тыкаем по картинке, то идем по ссылке. что там дальше по ссылке, это уже вопрос другой, поскольку это за пределами форума. хочешь безопасности от таких вставок - нужна блокировка переходов по ссылкам. корректно отображающаяся картинка тут при чем?

    з.ы. даже если ты напрямую откроешь именно ту картинку, к-ю показывает твой браузер на форуме (см. линк из "информации об изображении, а не тыкабельную ссылку), ни с радикала ни откуда-то еще, ни чего кроме картинки подгружаться не будет.
     
    Last edited: Jun 20, 2017
  16. НечтоХрустящее

    НечтоХрустящее § Свидетель Обновы § Golden Founder

    Joined:
    Aug 2, 2015
    Messages:
    2,250
    Likes Received:
    682
    Trophy Points:
    123
    Нужен Бендер :cautious:
     

Share This Page