Информация по работе сайта и форума

[Алексей Мещеряков]

Я думаю, что логотип на форуме выглядит слишком зернисто.

Посмотрите- так лучше?

[slydiman]

Я думаю, что логотип на форуме выглядит слишком зернисто.

Посмотрите- так лучше?

Нет, всё плохо!

1. У меня в Chrome на компьютере этой картинки вообще НЕ ВИДНО. В Chrome на смартфоне, в IE и FireFox видно.

2. Размер картинки 300х153. FireFox показывает 300х150, ноги в коконе снизу обрезаны.

3. Прозрачный фон вырезан отвратительно, по периметру крыла видны белые пиксели.

4. Chrome в Андроиде показывает всё в масштабе 150% или более. Например у меня ТВ приставка на Андроиде 6.0 имеет разрешение 1920x1080. Но если открыть сайт например http://whatsmy.browsersize.com/ то он показывает (Chrome ему врёт) что размер экрана 1280х720, а размер окна браузера 1280х600. Соответственно картинка масштабируется в разы и на смартфонах/планшетах будут видны огромные квадратные пиксели.

Нужно сделать картинку минимум в удвоенном разрешении (600х300) и в html задать размер 300х150.
Ну и правильно прозрачный фон сделать без белых пикселей по контуру.
Для этого я бы сделал фон например зеленым, а потом вырезал его - всё наглядно видно, не пропустишь.

И картинку лучше сделать в формате PNG - сжатие и масштабирование лучше, а то GIF - это технология 90-х, если не 80-х.

Алексей, пришли мне эту картинку в максимальном качестве - я вырежу фон как надо.
Если она векторная, то её бы сразу отрендерить на прозрачном фоне в размере 600х300.

[Алексей Мещеряков]

Вот https://yadi.sk/i/F1_Sl2aBy9FLf

[Ольшак Виктор]

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

PS
Вот на сайте размер правильный и зернистости нет. http://tfteam.ru/
Я так думаю...

[slydiman]

Завтра пришлю Алексею несколько правильных картинок, останется только положить на сайт и прописать размер в html. Собственно размер 300х150 в html можно приписывать уже сейчас, в Firefox логотип должен стать не обрезанным.

[slydiman]

Вот правильные картинки для форума

Размер 16КБ (256 цветов)


Размер 7КБ (16 цветов)


Теперь надо выбрать (наверное ту что поменьше) и правильно вставить в html.

[Алексей Мещеряков]

Взял я твою картинку и вставил в шаблон. PNG файл шаблоном не переваривается, шаблон принимает только GIF картинку. Тогда я ее немного уменьшил, перевел в GIF и вставил в шаблон - теперь эта картинка появилась на лого форума.

[Ольшак Виктор]

Стало лучше, чем было, но работать ещё есть над чем. Конечно при желании.

[slydiman]

Взял я твою картинку и вставил в шаблон. PNG файл шаблоном не переваривается, шаблон принимает только GIF картинку. Тогда я ее немного уменьшил, перевел в GIF и вставил в шаблон - теперь эта картинка появилась на лого форума.

Что за бред? Что ещё за шаблон? Это какой-то php или css файл? Там править 15 секунд. PNG поддерживается всеми браузерами и это самый правильный формат. Скинь мне в почту или личку где и как ты вставляешь эту картинку.

[slydiman]

Принимайте работу (логотип слева вверху страницы на форуме).
На планшете/смартфоне просто обновить страницу недостаточно.
Чтобы обновить страницу наверняка (уж больно там всё кэшируется) нужно нажать меню и "полная версия сайта" (потом галочку можно убрать).
По крайней мере это точно обновляет всё.

Алексей, если нужно поправить размер, то не нужно менять картинку
Открой forum/styles/subsilver2/theme/stylesheet.css (можно в Блокноте)
найди строки
.imageset.site_logo {
background-image: url("./images/site_logo.png");
При желании тут можно изменить файл.
Далее строка
background-size: 300px 150px; задаёт размер картинки
padding-left: 300px; padding-top: 150px; задают размер блока
Если padding меньше размера картинки, то картинка обрежется снизу/справа.
Если padding больше размера картинки, то снизу/справа от картинки будет фон.
Сама картинка имеет разрешение 600х300, хорошо масштабируется, пикселей вообще не видно.