Hot answers tagged image
16
I see at least three possible (good) reasons :
Use another machine to serve the static content
Including some CDN
Use another web-server to serve the static content
Something more lightweight
And faster
No need for a full PHP / .NET / JAVA server to serve static content !
Using another domainname means that you'll be able to not have the cookies that ...
14
EMBED THE FONTS!
No, but really, Embeddable fonts work on all current browsers (FF, Chrome, Safari, Opera) and IE5.5+ (yes, it's been working in IE since the 90s.)
Get your TTF upload it here:
http://www.kirsle.net/wizards/ttf2eot.cgi
It'll give you the code and 2 files back (a TTF and then an EOT[M$ web font]) back. Copy, paste, upload, done. Win win!
...
7
To work in all browsers, .ico is preferred, as for the size, 32x32 is the most widely used, 16x16 also works (this is the actual size used in the browser in most places).
Also not in your question, they should be 8 or 24bit color depth.
It may be worth noting, if you plan on iWhatever users bookmarking your site, that's a separate <link> for the ...
7
You could try Tin Eye
You either upload your file or give it an address and it:
... finds out where an image came from, how it is being used, if modified versions of the image exist, or if there is a higher resolution version.
Source
7
One commonly used solution is to make your image URLs look something like this:
http://www.example.com/path/to/images/1.jpg?v=123456
Here, /path/to/images/1.jpg is the actual URL path of the image, while ?v=123456 is just a dummy query staring tacked onto the end of the URL. The query string can be anything — a version number, a timestamp, a hash ...
6
Unless she is selling her own fonts on this website, I think you both could work more on CSS embedding (yeah, I read this is not an option for you now, but I insist).
If the case is a heavier graphic work upon fonts (gradient colors, twisted alignment, glossing, embossing, engraving...), making it really impossible to render thorugh CSS options as she ...
6
You can use a tool like http://www.favicon.cc/ to importe a picture and convert it into a favicon, or just create it from scratch.
After that, if you name your file favicon.ico and put it at the root of your website, most of the web-browsers get it automatically.
But you can also explicitly declare it in your html files like this:
<link rel="shortcut ...
6
There is no way to find out any information about requests made directly to images hosted on your site using PHP. Since the image served up statically, no PHP script is executed.
You could keep all your images outside your webroot, and load them all through a PHP script that:
Checks the query string to figure out which image to serve
Makes sure the image ...
5
Do not re-save as JPG (or do once as much, at hi quality). Every time you do it, you add new quality loss. Work in png format, and only if you need it, save last version as JPG.
tweakPNG tool allows you to remove extra data, but beware not removing essential data(this is not a compressing tool). For compressing it well, I agree on using PNGcrush. I my ...
5
Yuck. She really needs to get over her font issues as she's killing the accessibility of her site and is causing all other kinds of issues like slowing down the rendering of her pages, etc.
Having said that you can try adding the longdesc attribute to your images. It's hard to say how much weight, if any, the search engines give to it but it's probably more ...
5
I was looking for the same thing and came across this... http://caroufredsel.frebsite.nl/examples/variable-visible-variable-size.php - it was the easiest to use and fully customizable.
Not sure if you found what you were looking for already, but just in case someone else is looking for the same thing - it may help.
5
From our (Google's) point of view, you can use whatever file names & URL structure that makes sense for your site -- you definitely do not need to fine-tune it on this level for SEO purposes. For Image Search, we recommend using descriptive file names, but even if it's just a number (for example, when a photographer uploads files without modifying the ...
4
It's definitely a caching issue. There are a few ways to correct thisThe simplest way is to append a unique value as a query string to the name of the image so it always appear to be new to the browser and it requests the image evrey time. Using a timestamp is the easiest way to do this.
<img src="/images/weatherupdate.png?19591782466" width='100" ...
4
You can't do that with .htaccess, as requests for those images don't come from your server. Instead write a filter on your comments that either checks for .ru and then blocks the comment, or use someone elses code to filter comments.
The Askimet plugin is pretty good at preventing spam – have you got that installed?
4
You need eyedropper kind of tool, for example:
Open image in Adobe Photoshop/Fireworks and use Eyedropper tool
ColorZilla extension for Firefox
Eye Dropper extension for Google Chrome
EyeDropper standalone Windows application.
ColorPic for Windows
4
Here is a slider which has auto-height capability and auto-width
http://webbies.dk/SudoSlider/demos.html
Demo
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/autoheight.html
This also has auto-height capability http://slidesjs.com/
See the autoHeight option
4
There's a bit of interpretation necessary, but if the modifications make the image qualitatively "different" enough for you to be asking this question, then it arguably isn't bad to version the filenames in some way, which then makes it actually a different image. You obviously see it as important that the new image/version get picked up, which implies that ...
4
You can upload pretty much any size you want and the services will resize to suit (what they can resize to is listed below).
Facebook: The max is 540px high by 180px wide.
Twitter: Has 2 - 73x73 px and 48x48 px. You can also see the image full size by clicking on it in a users profile.
Youtube: Is 88x88 px.
edit
Thanks to DisgruntledGoat for the ...
4
You should use
<meta itemprop="image" content="/uploads/images/medium/product_img.jpg">
Since src="" is associated with embedding content on the page and content="" is associated with embedding items off the page so to speak. This is the same method as used with the Facebook Open Graph meta as well, take a look:
<meta property='og:image' ...
3
For CSS only, I don't think you could achieve the rollover effect with any type of a filter. You could have 2 versions of the image, one color and one b/w, combine them as one image with each version side by side, and offset the images when the mouse hovers over it, using the a CSS sprites technique...http://www.alistapart.com/articles/sprites
3
Facebook uses a proprietary link type called image_src:
<link rel="image_src" href="location/of/image" />
Just insert that in your <head> and Facebook should be able to pick up on the image.
If you're also interested, Facebook also recognizes two other rel values: audio_src and video_src. See here for more.
3
While web fonts are pretty much standard across all major browsers now, figuring out the cross browser intricacies of the different font formats can be tricky.
Google provides a nice web font api and font directory to help out here that you might find useful.
3
The original image appears to be protected from download - I agree with the other poster that you would need access to the original Scene7 server management software, and the passwords with which each image server is most likely protected. But that doesn't stop you sending legitimate http requests to the image server.
You'll probably have already worked out ...
3
You could do that if you want those images to be indexed and found in image search. But they'll be ranked better if the search engines find them in web pages because they can use nearby text, alt attributes, page context, etc, to determine what the image is. They can't do that from a directory listing unless you've done an incredible job of naming your ...
3
Backgrounds are meant to be backgrounds. They're not meant to support interaction.
Your options would seem to be:
1. Do it in HTML rather than CSS.
2. Have your server return different content according to the User-Agent string.
3. If your SVG is rectangular and opaque, you can do fallbacks as
background-image: url(fallback.png);
background-image: none, ...
3
I couldn't find a specific terms of service for the API, but it says on the API home page
The Flickr API is available for non-commercial use by outside
developers. Commercial use is possible by prior arrangement.
So technically, no.
3
TheMovieDB.org & RottenTomatoes.com provide APIs that let you grab posters under relatively liberal conditions.
Generally speaking, you have to provide attribution to the site you're getting the images from and not archive any content.
Only top voted, non community-wiki answers of a minimum length are eligible
