• Technical support is temporarily provided through the Discord

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

vxsw

Captain Of The Ark
Gold Founder
Joined
Feb 10, 2016
Messages
2,698
Likes
1,051
#1
скажу сразу. спорить о том что лучше, а что хуже - не буду. просто расскажу о том, чем пользуюсь сам. использовать это или нет вам - решайте сами.

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

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

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

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

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

ну ладно, с основами разобрались. теперь как пользоваться.
базовый функционал - выделяем картинку, жмем правой кнопкой по имени файла и жмем "совместный доступ":

получаем ссылку:
HTML:
https://drive.google.com/file/d/0BxNbonm8WQm6eVdnOUxteTJ4VWs/view?usp=sharing
если вставлять ее на форуме в качестве картинки, получим это:
при этом, не факт, что форум картинку отобразит, хотя в браузере, картинка откроется. ситуация исправляется просто. берем ид папки в которой лежит файл, а это "0BxNbonm8WQm6aGk1ZlFDZmd2d1U" (его видно в адресной строке) и подставляем к нему "https://googledrive.com/host/", за ним, дописываем прямое имя файла "11_mystic_f.png". в итоге, получаем:
HTML:
https://googledrive.com/host/0BxNbonm8WQm6aGk1ZlFDZmd2d1U/11_mystic_f.png
ссылку на тот-же файл, можно было сделать и с более высоких папок. например из папки "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:


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



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

собственно на этом пожалуй все. надеюсь, кому-то будет полезно Drag_man543
утро началось со смеха сквозь слезы:
Hello from Google,

We announced last year that we’re deprecating web hosting in Google Drive for users and developers. Our records show that you might have used this feature to publish a webpage or serve other web assets.

On Aug 31, 2016, we will discontinue serving content via googledrive.com/host/[id] and the webpages will not be accessible anymore.

As an alternative to web hosting in Drive, we recommend:

Blogger—An easy and free way to host websites.
Firebase Hosting— An alternative if you’re using the web-hosting feature to serve static webpages with items on Drive.

If you have additional questions or need assistance, please contact Google Support.

Sincerely,
The Google Apps Team
ушел курить мануалы. накурю что-нить внятное - отпишусь. Drag_man543
 
Last edited by a moderator:
Joined
Jul 7, 2015
Messages
289
Likes
127
#2
Фиговенький хостинг. :cautious:
З.Ы.
"У меня красные крестики".
 

vxsw

Captain Of The Ark
Gold Founder
Joined
Feb 10, 2016
Messages
2,698
Likes
1,051
#3
Фиговенький хостинг. :cautious:
фиговый из тебя читатель
On Aug 31, 2016, we will discontinue serving content via googledrive.com/host/[id] and the webpages will not be accessible anymore.
отсюда и все вытекающие. решение пока не найдено Pardon_man3
добрался до гугла. вроде как должно уже все устаканиться и в ближайшей перспективе врятли будут что-то менять.
в общем, все что они сделали, это вырезали возможность пользоваться ссылками на файлы через ид папок. если раньше, достаточно было куда-то записать/запомнить ид корневой папки и потом просто ссылаться на все вложенное нормальными путями и именами файлов, то теперь все только через ид конечного объекта. в общем, поставили палку в одно из 152-х колес, но в одно из самых "вкусных".

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

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

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


прямые ссылки на файлы.
например, имеем гифку. дефолтная ссылка, к-ю выдает гугл при расшаривании:
по кнопке "Включить доступ по ссылке"
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
получаем:

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



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

стандартная ссылка в зависимости от того как вы ее получали, имеет вид:
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
собственно дефолтная превьюшка, выглядит так (обратите внимание, что она чуть уже оригинала, но анимация сохранена):

теперь о параметрах.
все задается в ключе "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

Code:
https://drive.google.com/thumbnail?id=0BxNbonm8WQm6ZlE5SjhBYmV3eHc&sz=h150-r90-a50

Code:
https://drive.google.com/thumbnail?id=0BxNbonm8WQm6ZlE5SjhBYmV3eHc&sz=w300-h100-a100-pd-rj-no-ba9



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


на этом пока все, если у кого-то есть что дополнить, с интересом почитаю Popcorm1_man3
 
Last edited by a moderator:

Jumuro

Chief Web Engineer
Staff member
Joined
Oct 21, 2015
Messages
307
Likes
2,168
#5
Если говорить в контексте форума - категорически против внешних источников вообще.
Загружать картинки нужно прямо на форум.
И есть такая вероятность в будущем, что это будет одним из пунктов правил.
 

НечтоХрустящее

§ Свидетель Обновы §
Gold Founder
Joined
Aug 2, 2015
Messages
2,341
Likes
768
#6
Если говорить в контексте форума - категорически против внешних источников вообще.
Загружать картинки нужно прямо на форум.
И есть такая вероятность в будущем, что это будет одним из пунктов правил.
т.е. Все фото-хостинги будут забанены на форуме?
 

vxsw

Captain Of The Ark
Gold Founder
Joined
Feb 10, 2016
Messages
2,698
Likes
1,051
#7
И есть такая вероятность в будущем, что это будет одним из пунктов правил.
и какой в этом смысл? ну ладно для своих картинок, фиг с ним с местом, а если скрин чей-то и взят из инета? это его надо будет к себе сначала загрузить, а потом на форум вставлять? зачем?
 

НечтоХрустящее

§ Свидетель Обновы §
Gold Founder
Joined
Aug 2, 2015
Messages
2,341
Likes
768
#8
и какой в этом смысл? ну ладно для своих картинок, фиг с ним с местом, а если скрин чей-то и взят из инета? это его надо будет к себе сначала загрузить, а потом на форум вставлять? зачем?
чтоб не постили со всяких радикалов и прочего
 

vxsw

Captain Of The Ark
Gold Founder
Joined
Feb 10, 2016
Messages
2,698
Likes
1,051
#9
чтоб не постили со всяких радикалов и прочего
ну, скажем я и сам не любитель радикалов, но если картинка отображается нормально, то не вижу смысла перетаскивать ее с места на место. +ты не уловил основного:
если скрин чей-то и взят из инета? это его надо будет к себе сначала загрузить, а потом на форум вставлять
 

vxsw

Captain Of The Ark
Gold Founder
Joined
Feb 10, 2016
Messages
2,698
Likes
1,051
#11
Во избежании всякого
какого "всякого"? чего ты хочешь избежать от внешних картинок, чего нельзя сделать залив ту-же самую картинку напрямую на форум? о.0
 

НечтоХрустящее

§ Свидетель Обновы §
Gold Founder
Joined
Aug 2, 2015
Messages
2,341
Likes
768
#12
какого "всякого"? чего ты хочешь избежать от внешних картинок, чего нельзя сделать залив ту-же самую картинку напрямую на форум? о.0
подгрузки нежелательного посредством как просмотра, так и перехода на фулл размер скрина
 

vxsw

Captain Of The Ark
Gold Founder
Joined
Feb 10, 2016
Messages
2,698
Likes
1,051
#13
подгрузки нежелательного посредством как просмотра, так и перехода на фулл размер скрина
если картинка отображается нормально
подгрузка чего происходит при просмотре картинки корректно отображающейся на форуме?
про переходы ни кто не говорил. в таком случае, надо и линки запрещать на сторонние ресурсы.
 

НечтоХрустящее

§ Свидетель Обновы §
Gold Founder
Joined
Aug 2, 2015
Messages
2,341
Likes
768
#14
подгрузка чего происходит при просмотре картинки корректно отображающейся на форуме?
про переходы ни кто не говорил. в таком случае, надо и линки запрещать на сторонние ресурсы.
Вирусы с радикала. Опять!
Например
 

vxsw

Captain Of The Ark
Gold Founder
Joined
Feb 10, 2016
Messages
2,698
Likes
1,051
#15
ты хоть читал что линканул?
Имеется информация, что при открытии изображений
читай "клик по кратинке"/переход по ссылке.
зашел на эту страницу, ботинки отображаются нормально. смотрим информацию:
upload_2017-6-20_9-53-8.png
смотрим тапок под лупой:
upload_2017-6-20_9-56-40.png
и что дальше? если страницу просто смотрим, то видим просто картинку. если тыкаем по картинке, то идем по ссылке. что там дальше по ссылке, это уже вопрос другой, поскольку это за пределами форума. хочешь безопасности от таких вставок - нужна блокировка переходов по ссылкам. корректно отображающаяся картинка тут при чем?

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