Results 1 to 6 of 6

Thread: Images or text

  1. #1
    Join Date
    Aug 2013

    Images or text

    My designer has a penchant for making everything an image. Nav and banners that could easily be html but utilize a slightly different font are made images because "that's what the client expects".

    Aside from load times is there any reason to push for html vs images with alt tags? SEO? Screen readers? Semantics?

  2. #2
    Join Date
    Mar 2011
    One obvious issue is search engines. Search engines don't scan images as text, although they do consider the content of the 'alt' attribute to differing degrees when it comes to rankings. So, if the text is an important part of the content of the page that you want search engines to consider, you're always better off with plain text than with an image. Further, Google is also considering page load times in their ranking methods to a limited degree, and images are naturally much slower to load than the equivalent text as long as you're using a standard/common font family. Even if you choose a special font that has to be downloaded separately, there are ways of keeping the overhead within reason.

    All that said, I wouldn't fault a designer for using an image to present some limited amounts of text if it was impossible or impractical to create the same effect with plain text and CSS. I'd just be heavily biased in favor of real text. In your case, I think you have to determine if the designer is using images as a tool or a crutch.
    Rick Trethewey
    Rainbo Design

  3. #3
    Join Date
    Aug 2013
    Nice ..

  4. #4
    Join Date
    Aug 2013
    Great reply rtrethewey. I'm catching that it's mostly an SEO issue which I would have expected. Seems odd that search engines would give much weight to alt tags at all given the current state of meta tags (i.e. hidden tags) though I guess alt tags aren't quite as 'unseen' as metas.

  5. #5
    Join Date
    Mar 2011
    You're on the right track. The 'alt' attribute was originally intended to provide a way to describe the image for visually impaired users and those running with plain text browsers or running with images disabled (harkening back to the Dark Ages when Internet connections were so slow that even simple pages could take a minute or two to load). Search engines started to consider them when they started to create their image search services since they were the only way to categorize them. Their use of the 'alt' attribute for text search is a relatively new practice, and the impact is fairly limited unless you try to stuff them with keywords. If you cross that line, you can really damage your rankings. Overall, it's just good practice to use the 'alt' attribute appropriately - make your point clearly and concisely and get out.
    Rick Trethewey
    Rainbo Design

  6. #6
    Join Date
    Nov 2002
    Baltimore, Maryland
    And then there is a third option. Start with the thing in HTML, something that works well in Lynx, and then use CSS to set a background image and hide the text. The possibilities are endless. See http://www.csszengarden.com/ .
    “The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.”
    —Tim Berners-Lee, W3C Director and inventor of the World Wide Web

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center



X vBulletin 4.2.2 Debug Information

  • Page Generation 0.13245 seconds
  • Memory Usage 2,884KB
  • Queries Executed 15 (?)
More Information
Template Usage (32):
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (6)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (6)postbit
  • (6)postbit_onlinestatus
  • (6)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (73):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates