В фотографиях и графике используется много пространства на сервере. Это может привести к тому, что веб-страницы будут загружаться намного медленнее. Один из вариантов заключается в том, чтобы использовать миниатюры ваших изображений. Миниатюра - это меньшая версия того же изображения. Из него вы ссылаетесь на исходную картинку.
Когда вы используете миниатюры, вы можете разместить больше графики на одной странице. Ваш читатель может выбрать и выбрать все графики на странице и решить, какие из них они хотят видеть.
Создание эскиза не сложно и на самом деле не занимает много времени. Первое, что вам нужно сделать, это загрузить программу для фото или графического редактирования. Я использую Irfan View. Он бесплатный и простой в использовании. Он не такой всеобъемлющий, как Paint Shop Pro или Photoshop, но он достаточно хорош для изменения размера, обрезки и изменения способа отображения цветов.
Я собираюсь использовать Irfan View для этого урока. Инструкции не так сильно отличаются, если вы используете другую программу.
Первое, что вам нужно сделать, - открыть изображение, которое вы хотите изменить. Вы можете сделать это, нажав «Файл», «Открыть», найти изображение на своем компьютере и нажать кнопку «Открыть».
Открыв изображение в программе графического редактирования, вы можете обрезать его или изменить его размер. Обрезка - это то, что вы делаете, когда у вас есть изображение, которое имеет больше на нем, чем то, что вы хотите использовать. Скажите, что у вас есть фотография с вами и с другим человеком, но вы только хотите использовать эту часть с вами на ней и отрезать другого человека, который обрезает.
Чтобы обрезать его, вам сначала нужно выбрать область, которую вы хотите сохранить. Поместите курсор мыши в один из углов области, которую вы хотите сохранить, нажмите и удерживайте кнопку мыши и переместите курсор в противоположный угол области. Вы увидите линию, создаваемую вокруг области, как вы это делаете, и тонкую границу вокруг нее, когда вы закончите.
Теперь нажмите «Изменить», «Выбор урожая». Выбранный вами участок будет оставлен, а остальная часть изображения исчезнет. Если вам нравится то, что вы видите, вы захотите сохранить изображение в этот момент, чтобы не случайно закрыть программу и потерять обрезку. Если вам это не нравится, нажмите «Изменить», «Отменить», и он вернется к тому, как это было до того, как вы обрезали его.
Если вы хотите что-то вырезать, вы можете сделать это, используя функцию «Вырезать». Вы также можете добавить текст к своему изображению в этот момент, используя «Вставить текст в выделение». Обе эти функции находятся в меню «Редактировать». Не забудьте сохранить изображение после внесения изменения, которое вам нравится, чтобы вы не потеряли работу.
Теперь создаем миниатюру. Нажмите «Изображение», «Изменить размер / Resample». Появится окно, которое позволит вам изменить размер вашего изображения. Вы можете изменить размер изображения по высоте и ширине или в процентах. Например, вы можете установить ширину 50 пикселей или вы можете просто сделать изображение 10% от его первоначального размера. Если вы создаете миниатюры для использования в качестве фотогалереи, я предлагаю попытаться сделать все ваши изображения близкими к одному и тому же размеру, чтобы они поместились на странице, чтобы сделать красивые прямые строки или столбцы.
Если ваше изображение, похоже, потеряло свою четкость при изменении размера, вы можете использовать функцию «Резкость» в меню «Изображение». Когда вы сохраняете изображение после изменения размера, убедитесь, что вы используете функцию «Сохранить как», а не «Сохранить». Вы захотите дать ему другое, но похожее имя. Если вы просто сохраните его, он перезапишет ваше прежнее изображение, и вы потеряете оригинал. Если ваш оригинал был назван «picture.jpg», тогда вы могли бы назвать эскиз «picture_th.jpg».
Если ваша служба хостинга не имеет программы загрузки файлов, которая поможет вам легко загружать страницы и графику на ваш веб-сайт, вам необходимо будет загрузить FTP-клиент. Служба хостинга, с которой вы работаете, должна предоставить вам настройки, которые необходимо разместить в FTP-клиенте, чтобы вы могли загружать файлы.
Я предлагаю загружать свою графику или фотографии в папку с названием «графика» или «фотографии», чтобы вы могли сохранить их отдельно от своих страниц, и поэтому вы можете найти их легче, когда они вам понадобятся. Мне нравится организовывать страницы и графику, используя разные папки. Сохраняет ваш сайт красивым и аккуратным, поэтому вы можете быстро найти все, что ищете, и поэтому у вас нет длинных списков файлов, которые вы должны прочесывать, когда вам что-то нужно.
Вам также нужно будет загрузить миниатюру на свой хостинг. Подумайте о том, чтобы разместить его в отдельной папке, которая может быть названа «thumbnail».
Теперь вам понадобится адрес вашей графики. Пример: предположим, что вы размещаете свой сайт в Geocities, и ваше имя пользователя - «mysite». Ваша основная графика находится в папке под названием «графика» и называется «graphics.jpg». Эскиз называется «thumbnail.jpg» и находится в папке с названием «thumbnail». Адрес вашей графики будетhttp://www.geocities.com/mysite/graphics/graphics.jpg и адрес вашего миниатюры будетhttp://www.geocities.com/mysite/thumbnail/thumbnail.jpg.
Все, что вам нужно сделать, это добавить ссылку на свою миниатюру на свою страницу и добавить ссылку на свою графику из миниатюры. Некоторые услуги хостинга предлагают фотоальбомы. Все, что вам нужно сделать, это следовать их указаниям, чтобы добавить свои фотографии на страницы.
Если вы предпочитаете использовать HTML для создания своего фотоальбома, вам все равно не нужно начинать с нуля. Вместо этого используйте шаблон фотоальбома. Тогда все, что вам нужно сделать, это добавить ссылки, и у вас есть фотоальбом.
Если вы просто привязываетесь к самому графику, чтобы основной графический объект отображался на вашей странице, то код, который вам нужно использовать, следующий:
Текст для изображения
Где вы видитеgraphic.jpg в этом коде вы измените его наhttp://www.geocities.com/mysite/graphics/graphics.jpg или вы можете использовать короткую форму, которая выглядит так:/graphics/graphics.jpg, Затем измените, где написано:Текст для изображения к тому, что вы хотите, чтобы он сказал под картиной.
Если вы собираетесь использовать миниатюры и ссылку на графику оттуда, то код, который вы будете использовать, будет немного другим:
Где вы видитеHttp: //address_of_graphic.gif вы добавляете адрес своего миниатюры. Где вы видитеhttp://address_of_page.com вы добавляете адрес своей графики. Ваша страница покажет вашу миниатюру, но будет напрямую ссылаться на вашу графику. Когда кто-то нажимает на миниатюру для графика, они будут перенесены в оригинал.
Теперь вы сможете ссылаться на большее количество графических изображений на одной странице, не забивая сервер, заставляя вашу страницу загружаться медленно. Это не единственный вариант для создания фотоальбома, но он дает вам возможность добавить целую кучу изображений на одну страницу, чтобы людям не приходилось щелкать по страницам и страницам фотографий. Они также смогут выбирать фотографии, которые они хотят видеть в обычном размере, вместо того, чтобы видеть их все, если они этого не хотят.
