От homepage к порталу!
Графика для Web-страниц
24-битная графика, способная обеспечить 16,7 миллиона оттенков цвета, не сможет быть
оценена некоторой частью зрителей. При этом пользователи не только не смогут увидеть
на своих мониторах всей заложенной вами цветовой гаммы, но, кроме того, изображение
может оказаться худшего качества, чем в случае использования 8-битной графики, отображающей
256 цветов. К тому же файл окажется в три раза больше по размеру, так как,
напомним, его размер пропорционален глубине цвета, и, соответственно, будет требовать
большего времени для загрузки на экран.
Использование корректной цветовой гаммы важно при разработке любого графического
проекта. Для графики Web-страниц необходимо применять цвета модели RGB. Так как
для Web-страниц устройством вывода графики является экран монитора, то здесь, как
правило, соблюдается условие WYSIWIG - What You See Is What You Get (Что видишь,
то и получаешь). Говоря «как правило», мы имеем в виду небольшие индивидуальные
отличия мониторов пользователей.
На вопрос «Каков должен быть размер графического файла?», предназначенного для
Web, трудно ответить однозначно. Давайте попробуем представить себе, что пользователь,
обращающийся к вашему сайту, имеет модем с пропускной способностью
14,4 Кбит/сек, хотя подобные модемы и считаются устаревшими. При использовании
такого модема передача блока данных объемом 1 килобайт занимает примерно 1 секунду,
так что при объеме графики в 30 килобайт для ее передачи по сети потребуется приблизительно
30 секунд. После таких, расчетов возникает следующий вопрос: как долго
посетитель, обратившийся к вашему сайту, готов ждать появления на экране загружаемого
изображения? Если вы сможете ответить на этот вопрос, то сразу же определите и
максимальный размер файла с графическим изображением. Считается, что файл должен
иметь такой размер, при котором время его загрузки по сети не превышает одной минуты,
что выражается в ограничении размера величиной примерно 60 килобайт.
Графические форматы для Интернета .
Любая компьютерная информация может храниться только в определенном формате.
Каждый вид информации имеет собственные форматы. Для текста используются одни
форматы, для электронных таблиц - другие, для графики - третьи. Формат графической
информации обычно определяется программой, в которой она создана. Для Web-графики
стандартными считаются форматы JPEG, GIF и PNG.
Формат JPEG (Joint Photographic Experts Group - Объединенная группа экспертов фотографии)
- самый популярный формат для хранения фотографических изображений.
JPEG является стандартом в Интернете и предназначен для сохранения растровых или
точечных изображений со сжатием, уменьшающим размер файла от десятых долей процента
до 100 раз, за счет отбрасывания избыточной информации, не влияющей на отображение
документа. Но практически диапазон сжатия значительно уже: от 5 до 15 раз.
Хотя алгоритм сжатия изображения этого формата и ухудшает качество, он может быть
легко настроен на минимальные, практически незаметные для человеческого глаза, потери.
Распаковка JPEG-файла происходит автоматически, во время его открытия. Между
качеством изображения и степенью уплотнения существует обратная зависимость: чем
более высокую степень сжатия для результирующего изображения вы зададите, тем хуже
будет его качество.
[...]
Главная
[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] [21] [22] [23] [24] [25] [26] [27] [28] [29] [30] [31] [32] [33] [34] [35] [36] [37] [38] [39] [40] [41] [42] [43] [44] [45] [46] [47] [48] [49] [50] [51] [52] [53] [54] [55] [56] [57] [58] [59] [60] [61] [62] [63] [64] [65] [66] [67] [68] [69] [70] [71] [72] [73] [74] [75] [76] [77] [78] [79] [80] [81] [82] [83] [84] [85] [86] [87] [88] [89] [90] [91] [92] [93] [94] [95] [96] [97] [98] [99] [100] [101] [102] [103] [104] [105] [106] [107] [108] [109] [110] [111] [112] [113] [114] [115] [116] [117] [118] [119] [120] [121] [122] [123] [124] [125] [126] [127] [128] [129] [130] [131] [132] [133] [134] [135] [136] [137] [138] [139] [140] [141] [142] [143] [144] [145] [146] [147] [148] [149] [150] [151] [152] [153] [154] [155] [156] [157] [158] [159] [160] [161] [162] [163] [164] [165] [166] [167] [168] [169] [170] [171] [172] [173] [174] [175] [176] [177] [178] [179] [180] [181] [182] [183] [184] [185] [186] [187] [188] [189] [190] [191] [192] [193] [194] [195] [196] [197] [198] [199] [200] [201] [202] [203] [204] [205] [206] [207] [208] [209] [210] [211] [212] [213] [214] [215] [216] [217] [218] [219] [220] [221] [222] [223] [224] [225] [226] [227] [228] [229] [230] [231] [232] [233] [234] [235] [236] [237] [238] [239] [240] [241] [242] [243] [244] [245] [246] [247] [248] [249] [250] [251] [252] [253] [254] [255] [256] [257] [258] [259] [260] [261] [262] [263] [264] [265] [266] [267] [268] [269] [270] [271] [272] [273] [274] [275] [276] [277] [278] [279] [280] [281] [282] [283] [284] [285] [286] [287] [288] [289] [290] [291] [292] [293] [294] [295] [296] [297] [298] [299] [300] [301] [302] [303] [304] [305] [306] [307] [308] [309] [310] [311] [312] [313] [314] [315] [316] [317] [318] [319] [320] [321] [322] [323] [324] [325] [326] [327] [328] [329] [330] [331] [332] [333] [334] [335] [336] [337] [338] [339] [340] [341] [342] [343] [344] [345] [346] [347] [348] [349] [350] [351] [352] [353] [354] [355] [356] [357] [358] [359] [360] [361] [362] [363] [364] [365] [366] [367] [368] [369] [370] [371] [372] [373] [374] [375] [376] [377] [378] [379] [380] [381] [382] [383] [384] [385] [386] [387] [388] [389] [390] [391] [392] [393] [394] [395] [396] [397] [398] [399] [400] [401] [402] [403] [404] [405] [406] [407] [408] [409] [410] [411] [412] [413] [414] [415] [416] [417] [418] [419] [420] [421] [422] [423] [424] [425] [426] [427] [428] [429] [430] [431] [432] [433] [434] [435] [436] [437] [438] [439] [440] [441] [442] [443] [444] [445] [446] [447] [448] [449] [450] [451]