Как уменьшить фотки?
Котики, очень висит днев из-за фоток, скажите, плиз, что и куда вписать, чтобы они вставлялись превьюхами или как-то автоматом уменьшались?
Чтобы комментировать надо
зарегистрироваться
или если вы уже регистрировались
войти в свой аккаунт.
блин, я конечно еще тот «информатик" епта, но я правиль понимаю, речь идет о картинках в блоги?
если да, то они действительно не редактируются больше в процессе написания. Только заранее уменьшать формат.
если я окажусь бесполезной, я очень извиняюсь
да, в блоге… у кого-то стоят превьюшки, потому что они так в диз встроили
я редактирую каждую картинку перед вставкой. Благо платформ для этого много.
Может можно как то по другому, но я думаю нет. Сейчас вставляется фактический размер. Опять же я могу быть неправой.
это долговато при мое объеме
Способов 3:
— ресайзить самостоятельно до. Без превьюшек, сразу как есть. Количество на деле не проблема, так как есть куча способов это автоматизировать. Или ручками заливать пару вариантов и соответствнено прописывать, чтобы одно показывалось, а другое отркывалось.
— использовать картиночный хостинг с соответствующим функционалом
— «визуально» обманывать — грузить полную картинку, но её сжимать стилями или скриптами. Быстрее грузить или меньше трафика есть не станет, но визуально будет.
а тепереча как тупой) у ламии вона превьюхи стоят и не виснет
У неё гибрид первого и третьего вариантов. Вот прям один-в-один лениво ковыряться, проще у неё спросить. А примерно подобное делается\проверяется так.
Если посмотреть через firebug исходник страницы, то видно, что картинки 617px по ширине, т.е. по мне так более чем в скромные размеры пожаты. Это примерно ширина основного блока на МП. Ну по крайней мере в твоей версии дизайна тоже ширина около 610px получается. Я бы с учетом следующих технологий и ради качества может быть жал бы до 800-900 по ширине и высоте (для портретных). Опять же это подтверждается сохранением картинки и просмотром ее размеров.
Пожать можно хоть встроенным paint (довольно быстро), хоть Gimp (качественней, бесплатно, но долго грузится + по идее должен поддерживать пакетную обработку, как минимум держит макросы, чтобы автоматизировать процесс)… я бы для подобной задачи в масштабах >20 фоток, скорее всего воспользовался бы convert из пакета imagemagick или GraphicsMagick (бесплатно, пакетно, максимально быстро, но придется чуток почитать и освоить командную строку). Коллега не желающий идти на мой взгляд правильными путями, надеется обрести счастье с photoscape — там тоже есть пакетная обработка (не проверял как там с ресайзом), бесплатно, графический интерфейс и простенько все. Ну или внимательно посмотреть в популярных вьюверах, irfan по идее тоже должен уметь это.
Дальше сложнее — я не уверен, что все куски определил, но основную идею намечу. Эффект строится на двух элементах стиля.
p img[src*=".jpg"] {max-width: 370px;}
По сути он для всех картинок (внутри «параграфов») у которых расширение файла было .jpg задает максимальную ширину меньше, чем сама картинка.
А вторым:
p img[src*=".jpg"]:hover {-webkit-transform: scale(1.7); -webkit-transition-duration: 1s;}
на событие наведения курсора добавляет увеличение в 1.7 раза с анимацией длительностью 1сек. Скорее всего, по хорошему, там должны были бы быть и другие свойства для совместимости не только с браузерами семейства webkit. Вероятно, можно вместо -webkit-transform: scale(1.7); использовать max-width: интересующих размеров или даже в %. Скажем так, там есть чем поиграться, но дорасковыривать мне малеско лениво.
Наверняка, но надо пробовать. Вообще гугл в помощь что-то типа «batch resize online» а далее что пригнянется.
https://birme.net/
https://bulkresizephotos.com/
https://www.raymond.cc/blog/most-convenient-way-to-automatically-resize-photos-for-email-im-blogging-and-web-galleries/
www.picresize.com/batch.php
https://www.raymond.cc/blog/resize-image-or-pictures-online/
www.makeuseof.com/tag/10-free-online-batch-image-tools-resize-convert-optimize/
ЗЫ
очень странно если с компа грузит хреново — имхо жать все же на компе быстрее и проще, ну и чтобы онлайн пожал внешнуюю ссылку — это еще поискать надо.