Суреттер сіздің веб-сайтыңызда неге көрінбейтінін және оларды қалай түзететінін біліңіз
Ескі сөзде «сурет мың сөзге тұрарлық» дегенді білдіреді. Бұл, әсіресе, назар аударатын кеңістіктер өте қысқа болғандықтан, дұрыс бейнесі шынымен назар аударып, келушілерді қызықтыра отырып, сайтты шынымен жасай немесе бұза алады. сайт үшін «жеңіс» белгісі бар әрекет. Ия, веб-сайтқа келген кезде, суреттер мың сөзден артық болуы мүмкін!
Мәселен, онлайн-кескіндердің маңыздылығын ескере отырып, сайтымыздың сайтында қандай да бір сурет жүктелмейтін болса, не айтады? Бұл CSS-пен қолданылатын HTML немесе фондық суреттердің бір бөлігі болып табылатын кірістірілген кескіндер бар ма (және сіздің сайтыңызыңыздың екеуі де болуы мүмкін) болуы мүмкін. Төменгі жол - графика бетке жүктелмегенде, дизайн сынған көрінеді және кейбір жағдайларда осы сайттағы пайдаланушы тәжірибесін толығымен бұзуы мүмкін. Суреттің жіберілген «мың сөзі», әрине, оң нәтиже бермейді!
Кескіндердің сайтқа жүктелмейтін жалпы себептері мен веб-торапты тестілеу кезінде бұл ақаулықты жою кезінде ескеру керек нәрселерді қарастырайық.
Қате файл жолдары
Сайттың HTML немесе CSS файлына кескін қосқан кезде, сол файлдар тұратын жерде сіздің каталогтарыңыздың құрылымында орналасу жолын жасауыңыз керек. Бұл браузерге қайда іздейтінін және суретті қайдан алуға болатыны туралы код. Көп жағдайларда бұл «суреттер» деп аталатын қалта ішінде болады. Егер осы қалтаға және оның ішіндегі файлдар дұрыс емес болса, суреттер дұрыс жүктелмейді, себебі браузер дұрыс файлдарды шығара алмайды. Бұл сіз айтқан жолды ұстанатын болады, бірақ ол өлімге ұшыратады және тиісті бейнені көрсетудің орнына бос болмайды.
Суретті жүктеу мәселелерін түзетудегі 1-қадам - кодталған файл жолының дұрыс екенін тексеріңіз. Мүмкін сіз дұрыс каталогты көрсеттіңіз немесе осы каталогқа жолды дұрыс көрсетпеген шығарсыз. Егер бұлай болмаса, сол жолмен басқа мәселе туындауы мүмкін. Оқыңыз!
Файл атаулары қате
Файлдарыңыздың файл жолдарын тексерген кезде, сонымен қатар, суреттің атауын дұрыс жазғаныңызға көз жеткізіңіз. Біздің тәжірибемізде дұрыс емес аттар немесе қате жіберулер суреттерді жүктеудің ең көп тараған себебі болып табылады. Есіңізде болсын, веб-браузерлер файл аттары туралы өте ыңғайсыз. Қатені қателесіп немесе қате хатты пайдалансаңыз, браузер бірдей файлды іздемейді және «о, сен осы сөздің мағынасын білдіре аласыз ба?» Деп сұрайды. Жоқ - егер файл жақын тұрған болса да қате жазылған болса, ол бетте жүктелмейді.
Қате файлды кеңейту
Кейбір жағдайларда файлдың атауы дұрыс жазылған болуы мүмкін, бірақ файл кеңейтімі дұрыс емес болуы мүмкін. Егер сіздің суретіңіз .jpg файл болса , бірақ сіздің HTML .png іздеген болса, мәселе болады. Әрбір сурет үшін дұрыс файл түрін пайдаланғаныңызға көз жеткізіп, сол кеңейтімді веб-сайтыңыздың кодексіне шақырғаныңызға көз жеткізіңіз.
Сондай-ақ регистр сезімталдығын іздеңіз. Егер сіздің файлыңыз .JPG арқылы аяқталады, барлық әріптермен әріптермен, бірақ сіздің коды сілтейді .jpg, барлық кіші әріптер, олардың әрқайсысы әр түрлі, тіпті бірдей әріптер жиынтығы болса да, белгілі бір веб-серверлер бар. Case сезімталдығы есептеледі! Сондықтан біз файлдарды барлық кіші әріптермен сақтаймыз. Бұл біздің кодынызда әрдайым кіші әріптерді қолдануға мүмкіндік береді, бұл біздің имидждік файлдарымызда болуы мүмкін болатын бір ықтимал проблеманы болдырмайды.
Файлдар жоқ
Егер сіздің кескін файлдарыңыздың жолдары дұрыс болса және атау және файл кеңейтімі де қатесіз болса, тексерілетін келесі элемент - бұл файлдардың іс жүзінде веб-серверге кері жүктелгеніне көз жеткізу. Торап іске қосылған кезде сол серверге файлдарды кері жүктеуді елемеу - қарапайым қателерді қарауға оңай.
Бұл мәселені қалай шешесіз? Осы суреттерді жүктеп, веб-бетті жаңартыңыз және ол файлдарды күтілгендей дереу көрсету керек. Сондай-ақ, сервердегі суретті жоюға және қайта жүктеуге болады. Көрінбейтін көрінуі мүмкін, бірақ біз бұл жұмыстарды бірнеше рет көрдік. Кейде файлдар бүлінеді, сондықтан бұл «жою және ауыстыру» әдісі көмектеседі.
Бейнелерді орналастыру веб-сайты төмен
Сіз, әдетте, өзіңіздің серверіңізде қолданатын кез келген бейнелерді орналастырғыңыз келеді, бірақ кейбір жағдайларда басқа жерде орналастырылған бейнелерді пайдалануыңыз мүмкін. Кескінді орналастыратын сайт төмендетілсе, суреттеріңіз де жүктелмейді.
Ауыстыру проблемасы
Сыртқы доменнен немесе сіздің жеке файлыңыздан жүктеліп алынсын ба, браузер алғаш рет сұраған кезде бұл файл үшін тасымалдау мәселесі болуы мүмкін. Бұл жалпы көрініс болмауы керек (егер бар болса , жаңа хостинг провайдерін іздестіру қажет болуы мүмкін), бірақ ол кейде орын алуы мүмкін.
Бұл мәселенің қайғылы жағы - сіз бұл туралы ештеңе істей алмайсыз, себебі бұл сіздің басқаруыңыздан тыс проблема. Жақсы жаңалық - бұл уақыт өте тез шешілетін уақытша мәселе. Мысалы, біреу сынған бетті көріп, жаңартса, бұл мәселені жиі шешеді және суреттерді дұрыс жүктейді. Егер сіз сынған кескінді көріп жатсаңыз, браузерді жаңартыңыз, ол жай ғана трансляция мәселесі сіздің бастапқы сұрауыңыз.
Бірнеше соңғы ескертулер
Суреттер және жүктелімдер туралы ойлау кезінде , ALT тегтерін және веб-сайт жылдамдығын және жалпы өнімділігін дұрыс пайдалануды ескеру керек.
ALT немесе «alternate text», суреттер жүктелмеген болса , тегтер браузер арқылы көрсетіледі. Олар сондай-ақ кейбір мүгедектерге қолданылуы мүмкін қол жетімді веб-сайттарды құрудың маңызды құрамдас бөлігі болып табылады. Сіздің сайтыңыздағы әрбір кірістірілген сурет тиісті ALT тегіне ие болуы керек. CSS-мен қолданылған суреттерде бұл атрибут жоқ.
Веб-сайттың өнімділігіне, тым көп суреттерді жүктеуге, тіпті веб-жеткізілімге сәйкес келмейтін бірнеше алыптар суреттерін жүктеу жылдамдығына теріс әсер етеді. Осы себепті, сайтыңыздың дизайнында пайдаланатын кез келген кескіндердің әсерін тексеріп шығыңыз және веб-сайт жобасына сай жалпы көрініс пен сезімді жасай отырып, сол сайттың жұмысын жақсарту үшін қажетті қадамдарды жасаңыз.