Если необходимо накладывать водяной знак на фото в постах для Facebook, Twitter, Instagram, Pinterest, ВКонтакте или Одноклассники, то можно воспользоваться одноименной опцией в JURSSPublisher!
Настройка:
Это ВАЖНО! Для полноценной работы данной опции необходимо настроить водяной знак как в ленте соцсети, так и в системном плагине JURSSPublisher!
1. Для начала вам нужно включить опцию «Накладывать водяной знак на фотографию».
2. Далее выбрать водяной знак в формате .png из папки images/jursspublisher/watermark.
Вы можете выбрать логотип любого расширения, но прозрачность поддерживает именно формат .png. В Photoshop вы можете сделать водяной знак белого цвета с тенями, или оставить цветным на белом или любом фоне. Все зависит от вашей фантазии.
3. Задать позицию водяного знака. Например сверху в левом углу, или внизу в правом углу, а можно и по центру фотографии его разместить.
4. Вы можете сделать водяной знак полупрозрачный. По-умолчанию стоит 75% прозрачности. Если выставить 100%, то водяной знак не будет полупрозрачный.
5. Отступы от краев задаются отступами знака по оси X и оси Y. Это значит, что если выставить позицию водяного знака снизу справа и для оси X задать 0, то ваш водяной знак будет пристыкован к краю изображения. Рекомендуем выставить одинаковые значения, тогда отступы будут одинаковыми. Например 15 для оси X и столько же для оси Y. Это значит, что снизу и справа логотип от краев фото будет иметь отступы по 15 пикселей.
6. Как задать размер водяного знака?
Для ленты: фотография, которая загружается в социальную сеть, имеет максимальную ширину 800px. Это значит, что во время постинга ваша картинка уменьшается до 800px по ширине. Из максимального размера ширины можно в Photoshop прикинуть оптимальный размер водяного знака.
Для карточки в виде ссылки: Оптимальный размер для социальных сетей для карточки будут 800px × 420px. В данном случаи в плагине вы можете выставить точно такие же параметры как в ленте и выбрать тот же водяной знак.
Для изображений в Instagram: Максимальная ширина и высота изображений для Instagram равняется 1080px. Исходя из этого ваш водяной знак может быть немного крупнее.
Для изображений в Pinterest: Максимальная ширина равняется 735px. Исходя из этого ваш водяной знак может быть немного меньше или такой же как для ленты или карточки в виде ссылки.
Оптимальный размер водяного знака лучше определить в графическом редакторе.
Важно! Заметьте, что в корне вашего сайта будет создана папка /img. Пожалуйста, не закрывайте ее от индексирования, иначе при расшаривании в соцсети новостей в карточке в виде ссылки изображение будет отсутствовать.
Вы можете так же время от времени удалять эту папку, чтобы у вас не скапливалось большое количество изображений. Есди у вас новостной сайт с 50-100 новостями в сутки, то эту папку можно удалять раз в 2 месяца. Если количество новостей у вас меньше, то эту папку можно удалять еще реже.
Почему создаются изображения в эту папку? Для того, чтобы снизить нагрузку на сервер и не генерировать каждый раз при просмотре статьи или новости изображения для OG-тегов создается копия изображения с водяным знаком.
Позже эта папка будет нужна для создания коверов/обложек с фотоном и заголовком (да, да, именно то, что сейчас используют крупные ресурсы и возвели на уровень тренда, можно будет использовать на вашем сайте). Если вы еще не поняли о чем идет речь, то попробуйте поделится в своей соцсети любой новостью с сайта Медуза.
Настройка:
Это ВАЖНО! Для полноценной работы данной опции необходимо настроить водяной знак как в ленте соцсети, так и в системном плагине JURSSPublisher!
1. Для начала вам нужно включить опцию «Накладывать водяной знак на фотографию».
2. Далее выбрать водяной знак в формате .png из папки images/jursspublisher/watermark.
Вы можете выбрать логотип любого расширения, но прозрачность поддерживает именно формат .png. В Photoshop вы можете сделать водяной знак белого цвета с тенями, или оставить цветным на белом или любом фоне. Все зависит от вашей фантазии.
3. Задать позицию водяного знака. Например сверху в левом углу, или внизу в правом углу, а можно и по центру фотографии его разместить.
4. Вы можете сделать водяной знак полупрозрачный. По-умолчанию стоит 75% прозрачности. Если выставить 100%, то водяной знак не будет полупрозрачный.
5. Отступы от краев задаются отступами знака по оси X и оси Y. Это значит, что если выставить позицию водяного знака снизу справа и для оси X задать 0, то ваш водяной знак будет пристыкован к краю изображения. Рекомендуем выставить одинаковые значения, тогда отступы будут одинаковыми. Например 15 для оси X и столько же для оси Y. Это значит, что снизу и справа логотип от краев фото будет иметь отступы по 15 пикселей.
6. Как задать размер водяного знака?
Для ленты: фотография, которая загружается в социальную сеть, имеет максимальную ширину 800px. Это значит, что во время постинга ваша картинка уменьшается до 800px по ширине. Из максимального размера ширины можно в Photoshop прикинуть оптимальный размер водяного знака.
Для карточки в виде ссылки: Оптимальный размер для социальных сетей для карточки будут 800px × 420px. В данном случаи в плагине вы можете выставить точно такие же параметры как в ленте и выбрать тот же водяной знак.
Для изображений в Instagram: Максимальная ширина и высота изображений для Instagram равняется 1080px. Исходя из этого ваш водяной знак может быть немного крупнее.
Для изображений в Pinterest: Максимальная ширина равняется 735px. Исходя из этого ваш водяной знак может быть немного меньше или такой же как для ленты или карточки в виде ссылки.
Оптимальный размер водяного знака лучше определить в графическом редакторе.
Важно! Заметьте, что в корне вашего сайта будет создана папка /img. Пожалуйста, не закрывайте ее от индексирования, иначе при расшаривании в соцсети новостей в карточке в виде ссылки изображение будет отсутствовать.
Вы можете так же время от времени удалять эту папку, чтобы у вас не скапливалось большое количество изображений. Есди у вас новостной сайт с 50-100 новостями в сутки, то эту папку можно удалять раз в 2 месяца. Если количество новостей у вас меньше, то эту папку можно удалять еще реже.
Почему создаются изображения в эту папку? Для того, чтобы снизить нагрузку на сервер и не генерировать каждый раз при просмотре статьи или новости изображения для OG-тегов создается копия изображения с водяным знаком.
Позже эта папка будет нужна для создания коверов/обложек с фотоном и заголовком (да, да, именно то, что сейчас используют крупные ресурсы и возвели на уровень тренда, можно будет использовать на вашем сайте). Если вы еще не поняли о чем идет речь, то попробуйте поделится в своей соцсети любой новостью с сайта Медуза.