Przetłumaczyć system na format WebP, wdrożyć wsparcie dla wszystkich nowoczesnych formatów (HEIC, AVIF itp.), u
Перевести систему на формат WebP, внедрить поддержку всех современных форматов (HEIC, AVIF и др.), увеличить четкость изображений, увеличить область просмотра на 30% и обеспечить корректное отображение разноформатных фото без обрезки.
| Параметр | Значение |
|---|---|
| Макс. вес файла | 15 МБ |
| Мин. разрешение | 600 px (по любой стороне) |
| Макс. разрешение | 8000 px (защита сервера) |
| PHP Memory Limit | 1024 MB |
| Хранение оригинала | 1920 px (JPEG 90%, скрытая папка |
Логика обработки изображений (через папку custom/):
- Поддержка форматов: Реализовать прием и чтение файлов
JPG, PNG, GIF, WEBP, HEIC, AVIF.
. Прием и чтение файлов (Input) JPG, PNG, GIF, WEBP, HEIC, AVIF,BMP
- Максимальный размер «Оригинала» после загрузки — 1900px по длинной стороне (высота — пропорционально).
- Этот сжатый файл сохраняется как основной источник.
- «Важное условие ресайза: Реализовать логику downscale only. Уменьшать только те изображения, размер которых превышает 1200px по длинной стороне. Изображения меньшего размера сохранять без изменения разрешения (не растягивать), выполняя только конвертацию в формат WebP».
Система должна корректно принимать, считывать и обрабатывать для последующей генерации превью следующие форматы:
Добавил пункт про EXIF-поворот (чтобы фото с телефонов не ложились на бок) и деликатную очистку от визуального шума.
Важное уточнение: «удаление ненужных деталей» на автомате (через нейросети) для 5700+ фото — задача сложная и может «покривить» сам товар. Поэтому в ТЗ мы пропишем авто-очистку через ImageMagick (удаление лишних полей, цветокоррекцию и повышение резкости)
КАТЕГОРИЧЕСКИЕ ИСКЛЮЧЕНИЯ (НЕ КОНВЕРТИРОВАТЬ)
Оставлять в оригинале (PNG/SVG/JPG), чтобы не испортить интерфейс:
Дизайн: Логотипы сайта, системные иконки, фавиконы./admin/
находится в админке " можем показать пути ,если нужно
Профили: Аватарки пользователей (/uploads/avatars/).
Реклама: Все баннеры
НЕ нужно конвертировать: Изображения, относящиеся к категориям (Недвижимость, Услуги, Транспорт и т.д.), которые отображаются на главной странице сайта,не трогать тему Nelson /themes/
Интеграция с CMS Tamaranga:
- База данных: Реализовать автоматическую подмену расширения файла на
.webpпри записи путей в таблицы БД (например, в модуле объявленийbbs). - Чистота кода: Все правки PHP-логики должны быть выполнены путем переопределения классов в директории
custom/. Прямая правка ядра (app/biff/) запрещена. - Совместимость: Обеспечить корректное отображение старых изображений в формате
.jpg, которые уже есть на сервере. - Стандартные: JPG, PNG, GIF, BMP.
- Современные: WEBP, HEIC (с iPhone), AVIF.
- Требование: Для HEIC и AVIF необходимо убедиться, что на сервере установлены соответствующие библиотеки (libheif, libavif) и ImageMagick их поддерживает.
3. Серверная обработка и Ultra-Sharp качество (Backend)
Необходимо модифицировать класс обработки изображений, внедрив цепочку фильтров для максимальной четкости:
3.1. Конвертация
- Original: Сохранять в JPEG (сжатие 90%, макс. ширина 1920px).
- Превью (Все размеры): Конвертировать в WebP (quality 82%,
method=6). - EXIF Fix: Автоматический поворот на основе данных ориентации.
Логика обработки (Image Processing Pipeline)
Все превью должны генерироваться напрямую из загруженного исходника в памяти, а не последовательно друг из друга.
Параметры ресайза для всех размеров:
- Filter:
Lanczos(обязательно для сохранения деталей). - Sharpening (Unsharp Mask):
0x0.7 + 0.7 + 0.008(радиус 0, сигма 0.7, количество 0.7, порог 0.008). - Цветовой профиль: Принудительная конвертация в
sRGB. - Контраст:
-sigmoidal-contrast 3,50%(для визуальной сочности). - Метаданные: Полное удаление (Strip EXIF/ICC,ICO).
- Colorspace: sRGB.
- Filter:
Lanczos. - Четкость (Unsharp Mask):
0x0.5 + 0.5 + 0.008. - Сочность:
-sigmoidal-contrast 3,50%. - Очистка: Удаление всех метаданных (Strip).
Сетка размеров и форматы
Перенастроить генерацию превью Tamaranga под следующие стандарты:
Префикс Размер (px) Формат Quality Назначение s 200x200 (crop) WebP 75% Иконки m 640x640(fit) WebP 80% Списки / Поиск view 1280(width) WebP 80% Карточка объявления zoom 1920 (width) WebP 82% Увеличение (Premium) original 1920 (width) JPEG 90% Архивный оригинал
Примечание: Соотношение сторон должно сохраняться согласно оригиналу (aspect ratio), указанные H (высота) являются максимально допустимыми.
Примечание: Параметры Sharpen подобрать так, чтобы не появлялось «лесенок» и белых ореолов на границах
Минимизировать нагрузку на CPU при загрузке фото (использовать штатные средства PHP
Cделатйте уведомление для пользователя при подаче обьявлений :
. Если он грузит фото 400х400, сайт должен выдать: "limit 600x600 px -как делает Тамаранга
3.2. Алгоритмы четкости (ImageMagick)
Для исключения эффекта «мыла» при уменьшении фото использовать:
- Фильтр Lanczos: Ресэмплинг при
resizeдолжен идти через высококачественный фильтр-filter Lanczos. - Unsharp Mask: После ресайза применять
-unsharp 0x0.7+0.7+0.008для микроконтраста деталей. - Цветокоррекция: Принудительный
-colorspace sRGBи легкое повышение контраста-sigmoidal-contrast 3,50%. - Контраст:
-sigmoidal-contrast 3,50%(для визуальной сочности). - Метаданные: Полное удаление (Strip EXIF/ICC).
- Качество WebP (Subsampling):
При конвертации в WebP использовать параметр-define webp:method=6(самый медленный, но самый качественный метод сжатия) и отключить хроматическую субдискретизацию (-define webp:lossless=false), если это позволяет бюджет нагрузки на CPU - EXIF Fix: Автоматический поворот на основе данных ориентации.
3.2. Алгоритмы четкости (ImageMagick)
Для исключения эффекта «мыла» при уменьшении фото использовать:
Фильтр Lanczos: Ресэмплинг при resize должен идти через высококачественный фильтр -filter Lanczos.
Unsharp Mask: После ресайза применять -unsharp 0x0.7+0.7+0.008 для микроконтраста деталей.
Цветокоррекция: Принудительный -colorspace sRGB и легкое повышение контраста -sigmoidal-contrast 3,50%.
3.3. Очистка
-trim: Авто-удаление лишних пустых полей по краям фото (чтобы товар был крупнее).
-strip: Полное удаление метаданных (GPS, данные камер) для облегчения файла.
- Контраст:
Интеллектуальный фон (для рамки):
- Для контейнеров в списке объявлений настроить заливку пустот цветом
#ffffff(белый) или использовать эффект «размытого фона» из этого же фото (по согласованию), чтобы скрыть границы разных форматов
3.3. Очистка
-trim: Авто-удаление лишних пустых полей по краям фото (чтобы товар был крупнее).-strip: Полное удаление метаданных (GPS, данные камер) для облегчения файла.
3.4. Новая сетка размеров (по длинной стороне)
- szSmall: 200 px | szMedium (Список): 640 px | szView (Карточка): 10280px | szZoom: 1600 px./
original 1920 (width) JPEG 90% Архивный оригинал
Система хранения и безопасность
- Скрытый архив: После обработки исходник 15-25МБ удаляется. Вместо него в «скрытую» папку (например,
/uploads/_hidden_storage/) сохраняется созданный original (JPEG, 1920px, 90%). - Защита:
- В папку с оригиналами положить
.htaccessсDeny from all. - В конфиге Nginx прописать
internalдля этой папки. - Добавить папку в
Disallowфайлаrobots.txt.
- В папку с оригиналами положить
5. Frontend (Отображение)
В шаблонах вывода изображений (.tpl) реализовать поддержку тега <picture> для корректной работы WebP с фолбеком на JPEG (оригинал) для старых браузеров:
html
<picture>
<source srcset="image.webp" type="image/webp">
<img src="original.jpg" alt="title">
</picture>
Используйте код с осторожностью.
.
4. Frontend: Визуальная сетка и пропорции (CSS)
Задача: сделать карточки на 30% крупнее, сохранив индивидуальные пропорции фото.
- Увеличение: Увеличить размер плитки объявления на ПК на 30%.
- Фиксированная рамка: Создать контейнер для фото с жестко заданной высотой (например, 300px) и фоном
#ffffff. - Логика пропорций:
- Использовать
object-fit: contain;. - Вертикальные, горизонтальные и квадратные фото должны быть полностью видны без обрезки.
- Все фото должны быть отцентрованы внутри рамки.
- Логика пропорций:
Использовать object-fit: contain;.
Вертикальные, горизонтальные и квадратные фото должны быть полностью видны без обрезки.
Все фото должны быть отцентрованы внутри рамки.
- Использовать
- Выравнивание: Цены и названия под фото должны быть выстроены строго в одну линию во всем ряду, независимо от формы изображения выше.
Логика вывода в списках (Frontend)
Необходимо внедрить адаптивную верстку через тег <picture> во всех шаблонах (.tpl):
Мобильная версия (Смартфоны):
- Контейнер: В списке объявлений на смартфоне использовать строго одинаковые (фиксированные) размеры контейнеров для фото.
- Масштабирование: Запретить автоматическое увеличение (upscale) изображений на 30% (как это реализовано на ПК). Фото должно вписываться в контейнер «как есть», сохраняя четкость пиксель-в-пиксель.
ПК версия:
- Оставить стандартную логику отображения с учетом высокого разрешения (использовать WebP из пресета zoom/1920px для премиум-блоков).
5. Конфигурация и открытость кода
- Доступ: Код плагина должен быть полностью открытым (без IonCube).
- Конфиг: Вынести в отдельный открытый файл (или массив в начале кода) все ключевые параметры:
- Ширину всех префиксов (1280, 1920 и т.д.).
- Качество WebP и JPEG.
- Все коэффициенты Unsharp Mask (
0.5,0.5,0.008) и Sigmoidal Contrast (3).
Список объявлений (Лента/Плитка)
- Увеличение: Увеличить контейнеры объявлений на 30% относительно текущих на ПК.
- Фиксированная рамка: Создать жесткий контейнер для фото с фиксированной высотой (например, 280-300px).
- Сохранение пропорций: Использовать
object-fit: contain;внутри рамки.- Результат: Вертикальные фото (платья) стоят в полный рост, горизонтальные (авто) видны во всю длину. Никакой обрезки краев.
- Центрирование: Фото должно быть отцентровано по вертикали и горизонтали внутри рамки.
- Выравнивание сетки: Цены, названия и кнопки под фото должны начинаться строго на одной горизонтальной линии, независимо от формы фото над ними.
3.2. Карточка товара
- Использовать
object-fit: contain;для основного фото. - Обеспечить корректную работу галереи с WebP форматом
Раздел: Логика отображения (Плавающие пропорции)
- Отказ от жесткого квадрата: Запрещено обрезать изображения через
object-fit: cover. Все фото в списке должны быть видны полностью (object-fit: containили обычныйdisplay: block). - Группировка по типу:
- Все горизонтальные фото должны иметь
- Отказ от жесткого квадрата: Запрещено обрезать изображения через
Załączniki 2
-
5 dni567 PLN5 dni567 PLN
Dzień dobry, rozwijam i obsługuję strony internetowe od ponad 8 lat. Takie zadania realizowałem niejednokrotnie, wykonam je jakościowo, przestrzegając wszystkich wymagań. Przykłady prac prześlę w wiadomości prywatnej. Napisz do mnie, omówimy!
-
1 dzień567 PLN1 dzień567 PLN
Cześć!
Jesteśmy dZENcode – firmą zajmującą się kompleksowym rozwojem rozwiązań cyfrowych: od projektowania i programowania po integracje i wsparcie po wydaniu.
Podejmujemy projekty od zera i angażujemy się w rozwój istniejących rozwiązań.
Możemy pomóc Ci w tłumaczeniu przetwarzania obrazów i aktualizacji wyświetlania pod ten cel.
Jakie kategorie obrazów należy dokładnie wykluczyć z konwersji?
Czy możemy omówić treść załączonego dokumentu tutaj?
…
Szczegółowe informacje o naszych usługach i stawkach znajdziesz na stronie:Freelancehunt
Zobacz – potem omówimy szczegóły pracy, pisz, gdy będziesz gotowy.
⚠️ Po wyjaśnieniu wszystkich szczegółów określimy zakres, odpowiedni format współpracy: na zadania, outsourcing lub outstaffing oraz ostateczny koszt.
_________________
Z poważaniem,
Denis / dZENcode
Dlaczego z nami projekty gwarantowanie dochodzą do wydania:
💎 Ponad 10 lat świadczymy usługi IT;
🔥 Ponad 90 pracowników na etacie;
🚀 Ponad 250 publicznych opinii od 2015 roku;
⚙️ Wspieramy produkt zgodnie z SLA po uruchomieniu;
✅ Pracujemy na podstawie NDA i umowy z firmą!
-
12 dni5675 PLN12 dni5675 PLN
Cześć!
Nazywam się Jewgienij, od 7 lat profesjonalnie zajmuję się tworzeniem aplikacji mobilnych, stron internetowych, usług internetowych i aplikacji webowych.
*Cena, którą podałem, dotyczy 1 godziny pracy. Aby dokładniej podać cenę, chciałbym się skontaktować/rozmawiać i omówić szczegóły.
- Portfolio, opinie i nagrody można znaleźć w moim profilu.
Dlaczego warto wybrać mnie?
… - Zająłem 1 i 2 miejsce na międzynarodowych mistrzostwach i zawodach w dziedzinie IT
- Mam potwierdzone wideoopinie, listy z podziękowaniami
- Zawsze jestem w kontakcie, uczciwy i rozsądny
- Pracuję na podstawie umowy
- Prowadzę własny zespół deweloperski
Będę zadowolony, mogąc porozmawiać z Państwem szczegółowo o projekcie.
-
12 dni6053 PLN12 dni6053 PLN
Twoim zadaniem jest przekształcenie systemu w celu wsparcia WebP i nowych formatów, co jest skomplikowanym projektem wymagającym nie tylko podejścia technicznego, ale także zrozumienia istniejącej architektury. Widzę trzy kluczowe aspekty pracy: po pierwsze - integracja nowych formatów z uwzględnieniem już istniejących danych, co będzie wymagało opracowania i przetestowania nowej logiki przetwarzania obrazów; po drugie - wdrożenie automatycznej zamiany formatów w bazie danych podczas zapisywania danych, co będzie wymagało wprowadzenia zmian w klasie przetwarzania; po trzecie - optymalizacja procesu kompresji z uwzględnieniem jakości i szybkości działania serwera.
Wśród ryzyk: może wystąpić nieprzewidywalne zachowanie systemu podczas przetwarzania starych obrazów, konieczność przeprowadzenia wszechstronnych testów i poprawek, a także możliwy problem z wyświetlaniem obrazów na nieobsługiwanych platformach. Proszę o wyjaśnienie, czy już korzystasz z gotowych bibliotek do przetwarzania obrazów i jakie wersje oprogramowania serwerowego masz zainstalowane.
Jestem gotów zaoferować Ci całkowitą realizację tego projektu, aby system nie tylko spełniał Twoje wymagania, ale także działał bez zakłóceń. Rzeczywisty koszt projektu wyniesie 76000 hrywien, a realizacja zajmie około 24 dni, uwzględniając testowanie i optymalizację. W sprawie szczegółów możemy szybko omówić następne kroki.
-
16 dni1702 PLN
421 16 dni1702 PLNCześć Has,
Zadanie wspomniane powyżej jest nieco długie, ale nie martw się, jest wykonalne mimo wszystko. Zanim przejdę do szczegółów, potrzebuję następujących informacji:
-Dostęp do SSH lub panelu serwera, aby zweryfikować wersję ImageMagick i wsparcie dla bibliotek
-Potwierdzenie ścieżki do panelu administracyjnego i folderów motywów
-Potwierdzenie twojej obecnej wersji Tamaranga
-
7 dni1135 PLN
339 1 0 7 dni1135 PLNDzień dobry. Zapoznałam się z TZ.
Zadanie jest realne, ale to nie tylko konwersja zdjęć do WebP. Należy zmienić logikę ładowania i przetwarzania obrazów w Tamaranga, skonfigurować generację podglądów, sprawdzić wsparcie HEIC/AVIF na serwerze, pracować z ImageMagick, zaktualizować ścieżki w bazie danych, zachować kompatybilność ze starymi zdjęciami oraz osobno opisać wyjątki dla logo, awatarów, banerów i obrazów systemowych.
Ważny punkt: wsparcie HEIC/AVIF zależy od serwera. Jeśli na serwerze brakuje potrzebnych bibliotek dla ImageMagick, będą musiały być dodatkowo zainstalowane lub uzgodnione z hostingiem.
Należy również wyjaśnić, czy trzeba przetwarzać już istniejące 5700+ zdjęć, czy tylko nowe przesyłania. Masowe przetwarzanie starych zdjęć to osobny etap, ponieważ trzeba to robić przez backup i testowanie, aby nie uszkodzić istniejących obrazów i ścieżek.
Aby dokładnie ocenić, potrzebuję:
… 1. dostępu do panelu administracyjnego Tamaranga;
2. FTP/SFTP lub dostępu do plików;
3. dostępu do bazy danych lub phpMyAdmin;
4. informacji o serwerze: wersja PHP, ImageMagick/Imagick/GD, wsparcie WebP/HEIC/AVIF;
5. czy jest możliwość instalowania bibliotek serwerowych;
6. czy jest testowa kopia strony lub możliwość jej zrobienia;
7. przykłady stron, gdzie należy zmienić wyświetlanie zdjęć;
8. lista folderów, których na pewno nie można ruszać.
-
12 dni567 PLN
207 12 dni567 PLNProszę o informację: jaki jest stos serwera (OS, PHP, wersja ImageMagick) i czy są zainstalowane libheif/libavif? Jaka jest baza danych w Tamaranga, oraz czy dostarczą Państwo dokładną listę ścieżek wyjątków i szablonów .tpl do edycji? Proszę również potwierdzić, czy istnieją gotowe hooki/klasy w custom/ do zamiany rozszerzeń w bazie danych.
Mamy 4-letnie doświadczenie z JS+Python oraz doświadczenie w budowie pipeline'ów ImageMagick: obsługa WebP/HEIC/AVIF, EXIF-rotate, tylko zmniejszanie, Lanczos+unsharp, sRGB/kontrast, automatyczne przycinanie i strip. Integrujemy z Tamaranga przez custom/ (zamiana ścieżek w bazie danych, generacja podglądów bezpośrednio z oryginału), skonfigurujemy picture z fallbackiem, Nginx/.htaccess. Na froncie zrobimy object-fit: contain, powiększymy kafelki o 30%, wyrównamy siatkę.
Jesteśmy gotowi rozpocząć od krótkiego audytu i PoC na 10 zdjęciach, następnie migracja 5700+. Proszę napisać, aby uzgodnić dostęp i terminy.
-
Ещё один проект который постоянно публикуется. Куда деваются те кто уже за него брался? Почему не справляются? Либо вы не оплачиваете?
-
вечный проект за три копейки
-
В следующий раз - за поиск проектов сажусь с кофе 😂
-
Aktualne zlecenia dla freelancerów w kategorii Programowanie stron internetowych
Stworzenie strony internetowej dla firmy księgowej na WordPressie (na gotowym szablonie)
2105 PLN
Dzień dobry. Jesteśmy firmą księgową - chcemy stworzyć stronę internetową dla firmy księgowej na WordPressie (na gotowym szablonie) w dwóch językach. Ma być zoptymalizowana pod kątem wyszukiwania w Google i SEO. Programowanie stron internetowych ∙ 1 dzień 6 godzin temu ∙ 97 ofert |
Dopracowanie systemu ewidencji czasu pracy w ASP.NETPotrzebny programista .NET do małego projektu — systemu obliczania wynagrodzeń pracowników. Trzy zadania: Rozwinąć system na naszym subdomenie (domena i dostęp zostaną podane). Audyty formularza logowania + poprawki dotyczące bezpieczeństwa w razie potrzeby. Zrealizować… Programowanie stron internetowych ∙ 1 dzień 6 godzin temu ∙ 35 ofert |
Należy stworzyć nowoczesną stronę internetową dla firmy zajmującej się sufitami napinanymi w Polsce.
2400 PLN
Potrzebny nowoczesny premium design, adaptacja na urządzenia mobilne, szybkie ładowanie, SEO, animacje, kalkulator, portfolio, formularz zgłoszeniowy. Preferowane doświadczenie w tworzeniu stron w Polsce, landingów dla firm budowlanych lub remontowych. Koniecznie prześlij… Układ HTML i CSS, Programowanie stron internetowych ∙ 1 dzień 8 godzin temu ∙ 146 ofert |
Redesign i SEO-optymalizacja strony na platformie Prom.uaSpecyfikacja techniczna Strona: protone.com.uaGłówny cel Należy uczynić stronę nowoczesną, wizualnie atrakcyjną, wygodną dla użytkownika oraz maksymalnie przygotowaną do promocji w wyszukiwarkach i wewnątrz marketplace'u Prom.ua. Główny nacisk — poprawa designu, struktury… Programowanie stron internetowych, Projektowanie stron internetowych ∙ 1 dzień 11 godzin temu ∙ 26 ofert |
Potrzebny programista Drupal do poprawek na kilku stronach.Potrzebny programista Drupal do poprawek na kilku stronach. Strona się rozrosła i zapełniła cały hosting .. Układ HTML i CSS, Programowanie stron internetowych ∙ 1 dzień 15 godzin temu ∙ 37 ofert |