Почему заливка картинки больше самой заливки?
я говорю про черный прямоугольник под фото.
return ( <div className="App"> <NavBar/> <div class='img'> <img src={main} alt='main'/> </div> </div> ); |
return ( <div className="App"> <NavBar/> <div class='img'> <img src={main} alt='main'/> </div> </div> );
.img { background-color: #000; } .img img { opacity: 0.6; width: 100%; } |
.img { background-color: #000; } .img img { opacity: 0.6; width: 100%; }
Всё это нужно для затемнения фотографии и впрочем то оно работает, только затемнение чуть больше самой фотографии, как решить? Вот ссылка на сайт, смотреть с компа надо, адаптивы нет
Дополнительно:
Ещё можно задать vertical-align в явном виде, например, top
как решить?
.img img { display: block; } |
.img img { display: block; }
Всё это нужно для затемнения фотографии
Можно рассмотреть еще вариант без отдельного элемента с фоном:
img { filter: brightness(0.6); } |
img { filter: brightness(0.6); }
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос

Проблема, когда размер файла изображения на сервере больше размера самого изображения, может возникать из-за различных причин. Одна из возможных причин - это некорректное сжатие изображения при загрузке на сервер.
Чтобы решить эту проблему, вам следует проверить процесс загрузки изображения на сервер. Убедитесь, что вы используете правильные методы сжатия изображения, чтобы минимизировать его размер без потери качества. Также убедитесь, что ваш сервер правильно обрабатывает загружаемые файлы изображений и не добавляет ненужные данные, увеличивающие размер файла.
Если вы используете язык программирования PHP для загрузки изображений, вы можете использовать следующий пример кода:
$target_dir = "uploads/"; $target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]); $uploadOk = 1; $imageFileType = strtolower(pathinfo($target_file,PATHINFO_EXTENSION)); // Check if image file is a actual image or fake image if(isset($_POST["submit"])) { $check = getimagesize($_FILES["fileToUpload"]["tmp_name"]); if($check !== false) { echo "File is an image - " . $check["mime"] . "."; $uploadOk = 1; } else { echo "File is not an image."; $uploadOk = 0; } } // Check file size if ($_FILES["fileToUpload"]["size"] > 500000) { echo "Sorry, your file is too large."; $uploadOk = 0; } // Check if $uploadOk is set to 0 by an error if ($uploadOk == 0) { echo "Sorry, your file was not uploaded."; // if everything is ok, try to upload file } else { if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)) { echo "The file ". basename( $_FILES["fileToUpload"]["name"]). " has been uploaded."; } else { echo "Sorry, there was an error uploading your file."; } }
Этот код проверяет тип и размер загружаемого файла изображения, прежде чем сохранить его на сервере. При необходимости вы можете настроить параметры сжатия изображения или другие параметры в соответствии с вашими требованиями.
Надеюсь, это поможет вам решить проблему с размером файла изображения на сервере. Если у вас возникнут дополнительные вопросы, не стесняйтесь обращаться за помощью.