lynx logo
lynx slogan #00031
Привет! Сегодня у вас особенно незнакомое лицо.
Чтобы исправить это, попробуйте .

А ещё у нас сейчас открыта .




секретный шифр д-ра Тьюринга, O.B.E:

включите эту картинку чтобы увидеть проверочный код

close

Джон Леннон




   

№3350
5312 просмотров
25 декабря '12
вторник
11 лет 124 дня назад



Отсебятина про вставку картинок с котиками, поучительных видео и прочем

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



Обещал написать какое-нибудь руководство по вставке картинок и видео в рысятник. Начнём с видео. Самый популярный хостинг в мире — это YouTube, но там очень любят вешать под замок видео, где их роботу показалось, что при вашей съёмке на телефон снегопада в городе прохожий насвистывал мелодию, правообладатель которой вождь Никарагуа или другой Михалков. Мне больше нравится vimeo. Про YouTube уже писал, но повторю:

image

1. Жмём на «Поделиться» («Share»);
2. «Сгенерировать HTML-код» («Embed»);
3. Выбираем размер для вставки видео;
4. Копируем код для вставки видео;
5. В сообщение или комментарий вставляем скопированный код, не нажимая на «Кинцо», просто копируем в текст.

С vimeo всё проще, там не так заморачиваются копирайтом, да и мусора там гораздо меньше. Но есть серьёзные ограничения для базовой учётной записи, хочешь больше — плати. И это справедливо, как по мне. С vimeo тоже всё просто:

image

Жмём на «Share» на самом видео справа посредине, не забываем проверить опции раскрыванием списка (hide/show options), вам ведь не нужно воспроизведение видео и громкая музыка, как только вы откроете страницу рысятника или зацикленное воспроизведение?

image

Теперь про картинки. Не стоит прикреплять ссылку на картинку из источника вроде reddit, lenta.ru, или, тем более, непонятно откуда. Загрузивший картинку (это справедливо и для видео), может случайно или преднамеренно её удалить или изменить прямой адрес картинки, и тогда вместо прикольного кота у всех рысей, которые могут быть даже вашими потомками и читать ваш пост или комментарий, будет отображаться прикольный пустой прямоугольник. Некрасивенько. А некоторые злые джойреакторы при хотлинкинге ещё и свой жёлтый прямоугольник снизу добавляют, за что запостивших это иногда бьют ногами и минусами на разных ресурсах.

Лучше заливать картинки на другие хостинги. Из опыта: одни из самых стабильных — буржуйские imgur.com и imageshack.us . Есть расширения для разных браузеров, нужно только создать учётку (желательно) и правым кликом можно сохранять картинку, потом скопировать ссылку из поля «direct link» на вашем хостинге, жмакнуть на «Image» в сообщении или «Картинко» в комментарии, вставить, и всё заработает.

Есть некоторые нюансы. Например, imgur говорит такое: «As long as images are getting at least 1 view per 6 months, they will stick around forever. If an image does not receive even 1 view in 6 months, it may be removed to make room for new images. Images on pro accounts will never be removed.»

А imageshack такое:
"How many files can I upload?

An ImageShack account grants you 5GB of free storage space. You can increase the storage space by signing up for premium service. For more details please visit our subscription page.

Your files will only be deleted if they do not adhere to our Terms of Service. If you are registered, your files will be available forever. If you are not registered, any file that you upload will continue to be available if it is accessed by anyone at least onc per year."
(так и пишут, их печатка)

Для себя выбрал minus.com, довольно удобно, есть расширение для фокса и хрома, плюс неплохое редактирование изображений прямо на сайте. За реферралов ещё должно даваться место, кроме базовых 10 ГБ, не думаю, что это не намного сложнее дропбокса, у которого они набираются до максимума за полчаса вручную. И да, у них так:

"How long do you keep the files?
We keep all files indefinitely unless deleted by the uploader or if it violates our terms of service."


Ну а если вы уверены в неуязвимости своей кармы, то для хостинга изображений можно использовать radikal.ru.

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

Вроде всё, про подробности, вроде «почему у меня новый html не вставляется» и «почему YouTube при добавлении из моего списка перелистывает на следующее видео» спрашивать и Indian.

Должно поместится, если Indian будет занят — попробую помочь.
  Написал Рональд Рейган      
83



Ещё забыл, вот про картинки. Там много другого ещё полезного для ламеров. Вроде меня.
Kindzarp › Спасибо. Вот бы чуток пораньше, потирая шишки, поглядывая на грабли. Спрятала в избранное, мало ли что..
Siesta › А как Siesta относится к северному сиянию? Хочу ещё несколько видео запостить, бояны они, от которых я просто в восторге. Вы с шишками не особо мучайтесь, пробуйте в скрытое, если не выходит, Indian хоть и тестирует, но вернётся cо спасательным кругом и с трубкой мира, иначе смысла не было затевать всё. И он прав.
Kindzarp › Это у меня с детства — сначала сама, а уж потом прошу помочь. А северное сияние? у нас это не диковина, но никогда не откажусь от просмотра, потому что меня оно чарует. Я и на радугу любуюсь подолгу. В эту осень наблюдала двойную. Красота!
Siesta › На стене.
Серьезный труд вы проделали, коллега. Практически научный. Спасибо.
Пусть споет вам за ваши старания гимн США хороший человек.

Genosse > Где airplain?
Kindzarp › Вот вам внезапно из Челябинска. Голый пистолет.

Genosse › В Челябинске я был только проездом, но такого там точно не было, крест на пузе и другие популярные штуки.
Kindzarp › Вот и Лесли такого не ожидал.
Такого тоже не было?

Genosse › Доктор, а откуда у вас такие видео?
Kindzarp › Домашняя коллекция любимого канала.
Genosse › Давайте, куда-нибудь переедем (змееед, длинношеее) в другое место? Пусть это сообщение будет на совести Indian, заодно и не мне одному отдуваться придется. Классно придумал?
Kindzarp › Вы гений, коллега! Найдем девственный потс, и ....
Genosse › Есть пара готовых на литспике на главной.
Как под кат спрятать.
Batman › Одиночным тегом < more> (без пробела). Над полем для текста поста самая правая кнопка.
Batman › О! Симпатичная и загадочная.
Kindzarp › под катом разгадка
Batman › Под катом тоже клёвые.
Вот ещё поделюсь: удобная программа для снятия скриншотов с редактированием изображения — Joxi, скрин с Youtube, всякие стрелочки, цифры, выделения сделаны с её помощью. Снимает скриншот окна, экрана, части изображения, автоматически сохраняет на сайт, копирует ссылку в буфер обмена и сохраняет скриншот локально.

Ещё одна скриншотилка с возможностью заливки на множество популярных хостингов и кучей других плюшек — ShareXMod. Только для Widows.
Kindzarp › Имелось в виду Windows, а не только для вдов. Такая вот опечатка получилась несмешная.
Про метки и мемы, которые можно написать самому внизу поста. Разные метки (или мемы) разделяются запятыми, тогда они будут отображаться в разных блоках. Если хотите использовать запятую в выражении, которое должно отображаться одой меткой, ставьте вместо неё «*». Например, для двух меток «абырвалг» и « нет, это не я написал» в поле метки нужно написать: «абырвалг, нет* это не я написал». То же самое в мемах, но туда лучше писать всякую чепуху, которая напрямую не связана с постом, что-то вроде непрямых ассоциаций. Мемы отображаются под метками розовым. Жепки Indian дописавает в мемы по своему усмотрению вручную.
Напишу про вставку картинок с внешнего хостинга отдельным комментарием. Для вставки картинки нужно нажать на кнопку «Картинко» (логично, да?) и в поле ввода вставить URL картинки, которую вы предварительно залили на какой-нибудь хостинг или просто скопировали её URL с какого-то сайта. После этого в комментарий вставится HTML-код вида:

<img src=«http://site/picture.jpg» alt=«image»>, где

src=«http://hosting.com/kotiki.jpg» — адрес, по которому находится ваша картинка;
alt=«зацените картинку» — текст, который появится возле курсора при наведении его на картинку (на самом деле он не появляется почему-то).

Проверяйте, что адрес введён корректно и ссылается именно на графический файл с соответствующим расширением. Ну и на предпросмотр желательно обратить внимание, если картинка там отобразилась, то скорее всего другие её в вашем сообщении или комментарии тоже увидят.
Kindzarp › Рано отправил. Нужно также обращать внимание на размер вставляемой картинки, т.к. даже если она на сайте вроде бы нормального размера, на самом деле это может быть фото «Последние дни Помпеи» в оригинальном размере, просто отображается в уменьшенном масштабе. Для этого в Firefox нужно жмакнуть правой кнопкой мыши на картинке и выбрать «Информация об изображении», в Chrome я использую это расширение.
Kindzarp › Одним комментарием выше пропустил, кавычки должны быть "", а не «», извините. Теперь допустим у вас есть картинка большого размера, но вам не нравятся комментарии вроде «А есть хайрез?» или «Ты порвал мой монитор». Картинку можно самому вставить в уменьшенном масштабе. Для этого в HTML-код для вставки картинки можно ручками добавить атрибуты height или width (соответственно высота или ширина). Например:

<img src="http://site/picture.jpg" width="500" alt="image"> — вставит вашу картинку, уменьшив её в масштабе её до 500 пикселей по ширине, а

<img src="http://site/picture.jpg" height="474" alt="image"> вставит вашу картинку, уменьшив её в масштабе её до 474 пикселей по высоте.

Можно вставить оба атрибута height и width одновременно:

<img src="http://site/picture.jpg" height="474" width="500" alt="image">, но тогда картинка вставится размером 500х474 без сохранения масштаба.

Именно поэтому, если вы просто скопируете URL картинки на каком-то сайте и вставите его на другом, предварительно не посмотрев размер самой картинки, Indian придётся ходить за вами и всё исправлять.

alt="image" можно вообще удалить, но раз уж вставляется автоматом после нажатия на «Картинко», то пусть будет, не удалять же каждый раз.
Kindzarp › Бывает такое, что хочется вставить картинку, но смотреть её нужно в большем размере; например, на ней есть мелкие, но важные детали, это особо милые котики или особо красивая грудь. Тогда можно сделать картинку кликабельной. В таком случае код для вставки будет типа такого:

<a href="http://hosting.com/beautiful_breast.png"><img src="http://hosting.com/beautiful_breast.png" height="400" alt="Красивая грудь"></a>

Теперь у вас вставится картинка, которая находится по адресу http://hosting.com/beautiful_breast.png, но уменьшенная до 400 пикселей по высоте. При клике на неё откроется изображение в оригинальном размере.

В атрибут href можно вставить любой URL, например, в таком случае

<a href="http://1ynx.ru"><img src="http://hosting.com/beautiful_breast.png" height="400" alt="Красивая грудь"></a>

при клике по картинке откроется главная 1ynx.ru.

Ниже пример работы кода

<a href="http://i.minus.com/iismR1jVsXeEo.png"><img src="http://i.minus.com/iismR1jVsXeEo.png" height="400" alt="Беар Гриллс"></a>

Беар Гриллс

В свойствах изображения Firefox пишет «494px × 604px (в масштабе 327px × 400px)»
Kindzarp › Тут в смысле не alt=«image» удалить, а image, сам alt=«» нужен.
Kindzarp › В alt="image" текст, который отобразится вместо картинки, если, например, в браузере отключено отображение картинок или файл недоступен. а всплывающая подсказка задаётся атрибутом title. Но я же сварщик не настоящий, так что прошу прощения, перепутал.
А, вот ещё. Многие пытаются вставить гифку через «картинку ещё вставлю», но ничего не получается. На самом деле это старинное индейское заклятие, оно оберегает сервер с сайтом от больших картинок. Ну и соответственно канал к нему оберегает от пробок. Об этом Indian где-то писал, но сейчас не могу найти. Если возникла необходимость вставить гифку весом мегабайт в 30, то нужно использовать хостинги картинок, а не пробовать загрузить её сюда. Это делает вероятность успеха отличной от нуля.
Kindzarp › Спасибо!
Kindzarp › Это ограничение на картинки больше 5 МБ, меньше можно.
Yellow Sky › Вот если бы они в предпросмотре ещё отображались.
А как сжать фотографию с минимальной потерей качества?
Alenka › Есть удобный сервис онлайн, picresize.com — можно не только сжимать, но и обрезать, поворачивать, применять эффекты (напр., делать фото чёрно-белым), генерировать ссылку на фото. Для минимальной потери качества внизу в графе «JPG Quality» выберите «Best».
Alenka › Зависит от того, какая картинка. И что вы используете для просмотра.

[ uploaded image ]
Файлы RAW, фотографии хорошего качества. Есть фотошоп, есть ACDSee Pro. Из-за криворукости, видимо, при сжатии плывут цвета.
Alenka › C RAW сложнее. У вас же есть Adobe Camera Raw?
Kindzarp › Есть.
Alenka › Тогда вас немного расстрою: цветопередача очень зависит от браузера и монитора. Так уж вышло.
   


















Рыси — новое сообщество