Извините, ничего не найдено.

Не расстраивайся! Лучше выпей чайку!
Регистрация
Справка
Календарь

Вернуться   forum.boolean.name > Веб-программирование > Общее

Общее Веб-разработка в целом, идеи, проекты...

Ответ
 
Опции темы
Старый 09.01.2015, 20:42   #1
JeanWinters
Знающий
 
Регистрация: 22.12.2007
Сообщений: 223
Написано 22 полезных сообщений
(для 51 пользователей)
Изображения в браузере больше реального размера

После установки Windows 7 изображения на сайте почему-то стали больше своего реального размера, они растягиваются. При чем во всех браузерах даже при указании фактического размера в теге <img>. Почему так происходит?


Дело в том, что первоночально ставил размер экрана 1024*768 , и все стало какое-то размытое, не так как было в Windows xp. Поставил разрешение 1280*1024 (рекомендуемое). Все стало на экране лучше выглядеть, но очень мелко. В настройках "удобство чтения с экрана" установил 125% и вроде получилось отображение как 1024*768, и все стало не таким мелким, но вот изображения в браузере стали растянутыми больше своего реального размера. Какой-то "замкнутый круг" . Если опять поставить проценты 100% , то все станет мелким, а если поставить реальное разрешение 1024*768, то опять будет все размытое.
(Offline)
 
Ответить с цитированием
Старый 09.01.2015, 22:29   #2
Andvrok
Бывалый
 
Регистрация: 26.07.2009
Сообщений: 785
Написано 362 полезных сообщений
(для 995 пользователей)
Ответ: Изображения в браузере больше реального размера

1280*1024 и 1024*768 — это разные пропорции, разумеется, картинка не будет одинаковой. Ставь рекомендуемое и привыкай, все через это проходили, кто переходил на большее разрешение.
(Offline)
 
Ответить с цитированием
Старый 10.01.2015, 00:40   #3
ABTOMAT
Ференька
 
Аватар для ABTOMAT
 
Регистрация: 26.01.2007
Адрес: улица Пушкина дом Колотушкина
Сообщений: 10,741
Написано 5,461 полезных сообщений
(для 15,675 пользователей)
Ответ: Изображения в браузере больше реального размера

Размерности в пикселях на сайте уже давно не отражают размер в пикселях на самом деле.
Это размер в пикселях для масштаба 100%.
При изменении масштаба все размеры соответствующим образом меняются.
Например на нынешних телефонах и планшетах фирмы "Эппл" с удвоенной плотностью пикселей масштаб тоже выставлен удвоенный. То есть один размерный пиксель соответствует 2х2 пикселям экранным. То же происходит, если ты меняешь масштаб сам в браузере.
Поменять масштаб каких-то частей на сайтах отдельно (текст увеличить, а картинки оставить) нельзя, если только это разрабом не предусмотрено.
Можешь попытать счастья в поиске (или написании) юзерскриптов под конкретные сайты, конкретную вёрстку. Найти то что ты хочешь увеличить по селектору и выставить им нужный размер. Ну или можно уменьшить все изображения ровно в N раз (какой там у тебя масштаб?). Правда скорее всего вёрстка после этого "поедет". Типа такого (требует чтобы на сайте был jQuery, не учитывает фоновые изображения):

var scale = 1.25;

$('img').each(function(){
var width = $(this).width()/scale;
var height = $(this).height()/scale;
$(this).css({width: width, height: height});
});
В аттаче примерный результат, масштаб 2
Миниатюры
Нажмите на изображение для увеличения
Название: масштаб-браузера.png
Просмотров: 1322
Размер:	166.2 Кб
ID:	21354  
__________________
Мои проекты:
Анальное Рабство
Зелёный Слоник
Дмитрий Маслов*
Различие**
Клюква**

* — в стадии разработки
** — в стадии проектирования
Для проектов в стадии проектирования приведены кодовые имена

(Offline)
 
Ответить с цитированием
Сообщение было полезно следующим пользователям:
LLI.T.A.L.K.E.R. (10.01.2015)
Старый 10.01.2015, 10:05   #4
JeanWinters
Знающий
 
Регистрация: 22.12.2007
Сообщений: 223
Написано 22 полезных сообщений
(для 51 пользователей)
Ответ: Изображения в браузере больше реального размера

В браузере стоит обычный масштаб 100%, масштаб 125% установлен в "персонализация, экран, удобство чтения с экрана". Зачем мне привыкать к такому разрешению 1280*1024 (рекомендуемое), если монитор маленький и лишний раз напрягать глаза? Для этого монитора нормальное разрешение 1024*768. И растянутые картинки не на одном сайте, а вообще везде во всех браузерах. А если в "персонализации" windows ставлю опять 768*1024 c 100% удобство чтения с экрана, то все как в воде, размыто, зато картинки не растягиваются в браузерах.
(Offline)
 
Ответить с цитированием
Старый 10.01.2015, 14:20   #5
ABTOMAT
Ференька
 
Аватар для ABTOMAT
 
Регистрация: 26.01.2007
Адрес: улица Пушкина дом Колотушкина
Сообщений: 10,741
Написано 5,461 полезных сообщений
(для 15,675 пользователей)
Ответ: Изображения в браузере больше реального размера

Несмотря на то, что браузер говорит что 100%, на самом деле 100%*(тот-что-установлен-в-винде), поэтому мой пост выше актуален.
Короче, тебе надо чтобы размер текста изменился, а размер картинок нет? Краткий ответ: просто так не получится.
__________________
Мои проекты:
Анальное Рабство
Зелёный Слоник
Дмитрий Маслов*
Различие**
Клюква**

* — в стадии разработки
** — в стадии проектирования
Для проектов в стадии проектирования приведены кодовые имена

(Offline)
 
Ответить с цитированием
Старый 10.01.2015, 14:57   #6
Igor
Мастер
 
Аватар для Igor
 
Регистрация: 03.05.2010
Адрес: Подмосковье
Сообщений: 1,218
Написано 438 полезных сообщений
(для 790 пользователей)
Ответ: Изображения в браузере больше реального размера

Стоп, а с дисплеем телефона такая же фигня?
А то я как-то смотрел фотки рукописного текста в одной социальной сети (через браузер) - на телефоне буквы неразличимы, читать невозможно, а на нетбуке всё хорошо видно, хотя и разрешение экрана меньше.
__________________
О¯О ¡¡¡ʁɔvʎнdǝʚǝdǝu dиW
(Offline)
 
Ответить с цитированием
Старый 10.01.2015, 15:37   #7
JeanWinters
Знающий
 
Регистрация: 22.12.2007
Сообщений: 223
Написано 22 полезных сообщений
(для 51 пользователей)
Ответ: Изображения в браузере больше реального размера

Тут на одном форуме сказали, что это может еще как-то зависеть от VGA и HDMI.

"Да я понял, сам поэтому сижу на VGA кабеле, а не HDMI, ибо первый выдает родные 1366x768, а HDMI только 1280х720 и так же всё замылено."
(Offline)
 
Ответить с цитированием
Старый 10.01.2015, 15:47   #8
ABTOMAT
Ференька
 
Аватар для ABTOMAT
 
Регистрация: 26.01.2007
Адрес: улица Пушкина дом Колотушкина
Сообщений: 10,741
Написано 5,461 полезных сообщений
(для 15,675 пользователей)
Ответ: Изображения в браузере больше реального размера

По-моему ты себе сам на ровном месте проблемы делаешь
__________________
Мои проекты:
Анальное Рабство
Зелёный Слоник
Дмитрий Маслов*
Различие**
Клюква**

* — в стадии разработки
** — в стадии проектирования
Для проектов в стадии проектирования приведены кодовые имена

(Offline)
 
Ответить с цитированием
Сообщение было полезно следующим пользователям:
Andvrok (10.01.2015)
Старый 10.01.2015, 23:38   #9
LLI.T.A.L.K.E.R.
Мастер
 
Аватар для LLI.T.A.L.K.E.R.
 
Регистрация: 24.06.2009
Адрес: Набережные Челны
Сообщений: 930
Написано 292 полезных сообщений
(для 504 пользователей)
Ответ: Изображения в браузере больше реального размера

сфотографируй, что тебе не удобно - поглядеть хоть
(Offline)
 
Ответить с цитированием
Старый 11.01.2015, 10:22   #10
JeanWinters
Знающий
 
Регистрация: 22.12.2007
Сообщений: 223
Написано 22 полезных сообщений
(для 51 пользователей)
Ответ: Изображения в браузере больше реального размера

http://jwinters.ru/?p=1248
вот изображения и скриншоты, как все отображается:
Вложения
Тип файла: rar images.rar (335.5 Кб, 582 просмотров)
(Offline)
 
Ответить с цитированием
Старый 11.01.2015, 20:27   #11
ABTOMAT
Ференька
 
Аватар для ABTOMAT
 
Регистрация: 26.01.2007
Адрес: улица Пушкина дом Колотушкина
Сообщений: 10,741
Написано 5,461 полезных сообщений
(для 15,675 пользователей)
Ответ: Изображения в браузере больше реального размера

Сообщение от JeanWinters Посмотреть сообщение
http://jwinters.ru/?p=1248
вот изображения и скриншоты, как все отображается:
Ты хочешь чтобы вот так было?
Миниатюры
Нажмите на изображение для увеличения
Название: N7LfbVOv.png
Просмотров: 1306
Размер:	571.4 Кб
ID:	21362  
__________________
Мои проекты:
Анальное Рабство
Зелёный Слоник
Дмитрий Маслов*
Различие**
Клюква**

* — в стадии разработки
** — в стадии проектирования
Для проектов в стадии проектирования приведены кодовые имена

(Offline)
 
Ответить с цитированием
Старый 12.01.2015, 00:22   #12
JeanWinters
Знающий
 
Регистрация: 22.12.2007
Сообщений: 223
Написано 22 полезных сообщений
(для 51 пользователей)
Ответ: Изображения в браузере больше реального размера

Да, надо чтобы картинка отображалась по реальному размеру, такой, какая она отображается в просмотрщике изображений или пэйнте или еще где-либо, а не в растянутом виде, как в браузере.
(Offline)
 
Ответить с цитированием
Старый 12.01.2015, 13:06   #13
MiXaeL
Бывалый
 
Аватар для MiXaeL
 
Регистрация: 22.08.2006
Сообщений: 700
Написано 146 полезных сообщений
(для 267 пользователей)
Ответ: Изображения в браузере больше реального размера

Браузеры давно умеет менять только размер текста. Гуглите инструкцию к своему.
(Offline)
 
Ответить с цитированием
Старый 26.01.2015, 18:35   #14
JeanWinters
Знающий
 
Регистрация: 22.12.2007
Сообщений: 223
Написано 22 полезных сообщений
(для 51 пользователей)
Ответ: Изображения в браузере больше реального размера

Подскажите, как хоть какую-нибудь посещаемость привлечь, и потом поддержать? Ничего не пойму, вроде статьи добавляю.
(Offline)
 
Ответить с цитированием
Старый 26.01.2015, 20:42   #15
ABTOMAT
Ференька
 
Аватар для ABTOMAT
 
Регистрация: 26.01.2007
Адрес: улица Пушкина дом Колотушкина
Сообщений: 10,741
Написано 5,461 полезных сообщений
(для 15,675 пользователей)
Ответ: Изображения в браузере больше реального размера

Сообщение от JeanWinters Посмотреть сообщение
Подскажите, как хоть какую-нибудь посещаемость привлечь, и потом поддержать? Ничего не пойму, вроде статьи добавляю.
Ну, у тебя там статьи в духе "Как создать кнопку во флеше". Если такое поискать в гугле, то там сотня страниц сайтов результатов, про это только ленивый не написал. Естественно, твой сайт не попадёт даже на первые страницы результатов (потому что поисковики выше ранжируют более старые сайты/страницы, а ты явно не первый, кто на эту тему написал).

Другая крайность — слишком конкретные вещи типа "Как смоделлировать шахматную пешку". Да, тут ты уже попал на первую страницу результатов (кстати, я думал сначала, что твой урок единственный, ан нет, оказывается выше по результатам есть несколько более старых статей/сайтов, рассказывающих про то же самое и даже, вроде, с такими же картинками). Но многим ли людям нужно узнать, как смоделлировать пешку? В день? Как ты считаешь? Или как нарисовать мультяшную лису? Короче, не слишком ценные статьи-то. Слишком специфический запрос. Можно было бы написать урок "Как нарисовать мультяшное животное" (вероятнее, будут искать именно это) с приведением общих принципов и рекомендаций, на примере нескольких (в т.ч. и лисы), тогда будет эта статья в гугле находиться и по запросу "нарисовать животное" и "нарисовать лису" и т.д., т.е. уже в несколько раз увеличится вероятность того, что кто-то её найдёт, и она ему будет полезна. Но, конечно, подготовить такой урок куда сложнее, чем "Следуйте чёткой инструкции и получите совершенно конкретную лису в совершенно конкретной позе".

Смотри на сайт с точки зрения пользователей. Что они будут искать в гугле? Что востребовано по твоей тематике? Есть ли на выбранную тему уже статьи в Интернете (т.е. стоит ли туда соваться или надо выбрать другую)?

Нужно писать контент
1. Оригинальный
2. Востребованный

Как это совместить? Ну, если б был однозначный ответ на этот вопрос, то была бы не жизнь, а малина. Ведение блога, который будет приносить деньги — это тяжёлая работа, не всегда благодарная. А, самое главное, непредсказуемая.

Олсо поставь на сайт статистику типа

https://www.openstat.com/
https://metrika.yandex.ru/

Чтобы иметь возможность понять, откуда к тебе идут посетители, на какие страницы идут, и куда развивать дальше. А добавлять статьи только ради того, чтобы добавлять, так это толку даст очень мало.
__________________
Мои проекты:
Анальное Рабство
Зелёный Слоник
Дмитрий Маслов*
Различие**
Клюква**

* — в стадии разработки
** — в стадии проектирования
Для проектов в стадии проектирования приведены кодовые имена

(Offline)
 
Ответить с цитированием
Эти 2 пользователя(ей) сказали Спасибо ABTOMAT за это полезное сообщение:
impersonalis (26.01.2015), Randomize (22.06.2015)
Ответ


Опции темы

Ваши права в разделе
Вы не можете создавать темы
Вы не можете отвечать на сообщения
Вы не можете прикреплять файлы
Вы не можете редактировать сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.


Часовой пояс GMT +4, время: 15:28.


vBulletin® Version 3.6.5.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot
Style crйe par Allan - vBulletin-Ressources.com