пятница, 29 октября 2010 г.

[tick] Создание миниатюр необходимого размера в Picasa.

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

К примеру, нам нужно получить действительно компактную миниатюру. Как это сделать, если минимальный размер, предлагаемый Picasa -  144 пикселя?

Нам придется вручную отредактировать ссылку, полученную из веб-альбомов Picasa:

<a href="http://picasaweb.google.com/lh/photo/119ypa1hkGCBqq0kMzXR6YIlPMbktwv2ydjLZ8uPlU4?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUZO4eGPUDNICBU-hFhgB8txLjioJJnH2cJivjiuNRS8Il5JNFN5BQiJ3yRAovLfg3F9s68RNleoilj9Delf4S-nDqPz9Dqje2J5LIDZNzp1ac8P6x8DQxuDB0WjRUz2KFOxkC0ZQbWz-0/s144/hal-9000-eye.jpg" height="144" width="144" /></a>

Обратите внимание на символы, расположенные непосредственно перед именем файла ".../s144/hal-9000-eye.jpg". Именно их нам и нужно заменить. И конечно же, необходимо соответственно изменить значения height и width, либо просто удалить эти атрибуты. В результате мы можем получить любой желаемый размер миниатюры: 80 пикселей...

<a href="http://picasaweb.google.com/lh/photo/119ypa1hkGCBqq0kMzXR6YIlPMbktwv2ydjLZ8uPlU4?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUZO4eGPUDNICBU-hFhgB8txLjioJJnH2cJivjiuNRS8Il5JNFN5BQiJ3yRAovLfg3F9s68RNleoilj9Delf4S-nDqPz9Dqje2J5LIDZNzp1ac8P6x8DQxuDB0WjRUz2KFOxkC0ZQbWz-0/s80/hal-9000-eye.jpg" height="80" width="80" /></a>

...или даже 16.

<a href="http://picasaweb.google.com/lh/photo/119ypa1hkGCBqq0kMzXR6YIlPMbktwv2ydjLZ8uPlU4?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUZO4eGPUDNICBU-hFhgB8txLjioJJnH2cJivjiuNRS8Il5JNFN5BQiJ3yRAovLfg3F9s68RNleoilj9Delf4S-nDqPz9Dqje2J5LIDZNzp1ac8P6x8DQxuDB0WjRUz2KFOxkC0ZQbWz-0/s16/hal-9000-eye.jpg" /></a>

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

То есть, сервер Picasa добросовестно уменьшил изображения до 128 пикселей по большей стороне. Впервые столкнувшись с этой проблемой, я был сильно разочарован в данном хостинге изображений и уже собирался отказаться от него, несмотря на многочисленные возможности и синхронизацию с аккаунтом Google, но все же, в один прекрасный день, нашел решение, оказавшееся элементарно простым. Как мы уже знаем, строка ".../s128/имя_файла.jpg"задает наибольший размер изображения по обеим сторонам. Оказывается, достаточно заменить букву s (size) на h (height) для ограничения картинки по высоте или w (width) для ограничения по ширине. Итак, приведя ссылки на миниатюры к виду ".../h128/имя_файла.jpg", мы получаем ровную строку из изображений высотой 128 пикселей:

Или, воспользовавшись ограничением по ширине ".../w128/имя_файла.jpg" и разграничив изображения тегом <br>, получим столбец 128 пикселей шириной:



Надеюсь, что этот пост принесет кому-нибудь пользу, а также, что он не станет единственным в этом блоге. До встречи!

5 комментариев:

  1. Спасибо ) Статья очень помогла!

    Я долго искал, как это сделать, и, думаю, вы мне поможете. А как изменить ссылку, чтобы фотографии можно было просматривать на моем новом 3D-телевизоре в 3D? Я уже звонил в поддержку, но мне сказали, что эта функция ещё не поддерживается для ретардов, но вы скорее всего же знаете правильные параметры...

    И ещё говорят, что есть какие-то параметры, чтобы фотография открывалась в новом окне, я пробовал alt и title, везде пишут что-то про них, но ничего не получилось.
    Я использую FireFox, говорят, что это безопасно и быстро. Раньше я использовал браузер под названием "ИНТЕРНЕТ", он был установлен мне на компьютер моим провайдером. Это был действительно медленный браузер и очень не удобный. Но на странице сайта моей компании, который я сейчас разрабатываю, фотографии, выложенные вашим способом почему-то выделяются синими рамочками. Я сделал снимок экрана, чтобы было понятно. Я воспользовался вашими советами, ещё раз спасибо!

    ОтветитьУдалить
  2. Спасибо ) Статья очень помогла!

    Я долго искал, как это сделать, и, думаю, вы мне поможете. А как изменить ссылку, чтобы фотографии можно было просматривать на моем новом 3D-телевизоре в 3D? Я уже звонил в поддержку, но мне сказали, что эта функция ещё не поддерживается для ретардов, но вы скорее всего же знаете правильные параметры...

    И ещё говорят, что есть какие-то параметры, чтобы фотография открывалась в новом окне, я пробовал alt и title, везде пишут что-то про них, но ничего не получилось.
    Я использую FireFox, говорят, что это безопасно и быстро. Раньше я использовал браузер под названием "ИНТЕРНЕТ", он был установлен мне на компьютер моим провайдером. Это был действительно медленный браузер и очень не удобный. Но на странице сайта моей компании, который я сейчас разрабатываю, фотографии, выложенные вашим способом почему-то выделяются синими рамочками. Я сделал снимок экрана, чтобы было понятно. Я воспользовался вашими советами, ещё раз спасибо!

    ОтветитьУдалить
  3. Вот он:
    Он тут должен был быть, но мне сказали, что, блять, "Tag is not allowed: P", поэтому пришлось переложить его в другое место, а тут просто положить ссылку. А потом я, используя аккаунт из другого блога, попытался запостить запись, но не смог. И при этом всё, что я писал исчезло!!!! И здесь бы вообще не было комментария, не будь я параноиком и не скопировав текст (подчеркнуто)на всякий случай(конец подчеркивания). Удивляюсь своему безграничному терпению... Fuck! Ass!
    ScreenShot : http://usunov.ru/horg/shajtan/

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

    И моя программа для редактирования интернет страниц почему-то всегда исправляет <br>, на <br />, у вас так же написано в <img ... />, я устал уже убирать эту палочку перед скобочкой, нельзя ли её оставлять?

    Спасибо вам! Я буду ждать новых статей!!!

    P.S. Постить тут комментарии сущий АД! Если объединить все эти три куска в один, то он не постится по каким-то магическим причинам )
    Магия везде. первая часть запостилась дважды, хотя система честно сказала "Нет", когда не смогла прочекать мой OpenID

    ОтветитьУдалить
  5. P.P.S

    У тебя на фотке emerge упал ? )

    ОтветитьУдалить