How to add a border around images posted to Facebook?

I am using LR 4.1, also usis PS CS5.
Anyone who uses Facebook to showcase image galleries knows that Facebook changes how images are displayed from time to time.  One month it will be on a black background and the next on a white background.  And then they put overlay's on top of your images and they change things around whenever they wish.  There is not rock solid consistency from Facebook on how they display your images across devices or over time.
What I am trying to do is to add some consistency to how my images are displayed by adding my own border to my images.  I need some ideas on how to best do this.  The way that I have been doing it does not appear to be ideal and I think someone must have a better way.
Ideally, I would want Lightroom to add a border for me based on some setting under the export manager.  But as far I know there is no setting to do this?  (Why doesn't lightroom have any border options anywhere yet for anything it exports?  This would be relatively simple I think.)
Here is the only way I know how to solve my issue.
First, my other considerations:
I want to keep my original images in my catalog in tact and as is w/o a border and with layers if it is a .psd file.  I do NOT want to destructively add a border to the catalog images, only the images that end up on Facebook.  I also want to add my watermark image to the final image so that it is done as the last step so that the bottom part of my watermark shows my web site address over the white border on the bottom of the image.  Using a droplet and the watermark in the same step does not work properly because it applies the watermark before it runs the action, not after.
I have created an action to add a x pixel white border by:
Merging (flatten) all layers
Creating a new unlocked background "image" layer
Expanding the canvas by x pixels.
Creating a new white filled layer and moving it to the bottom of the layer's pallet.
Adding a 2 pixel black inside stroke to my image layer and adding a drop shadow.
I created a droplet from this action and put it in the droplet folder for LR.
Now for the repeated steps that I am going through...
Select the images that I want to write to Facebook.
Export these images to a new folder using the droplet.
Import the folder of all of these images back into Lightroom.
Move the new images with borders on them into the correct LR FB publish service.
Publish the photos using the sharpening and watermark settings.
Delete the .psd files created in Step #2
The steps that I would like to avoid are #2, #3, #6
Or maybe I am going about this all wrong?  Anybody have any better ideas?

You may find it much easier to use the Migrify plug-in from Tim Armes/Photographers Toolbox which does what you want from within Lr.

Similar Messages

  • How to add a border to image

    I am a newby to Photoshop.  All I want to do is add a
    border to my image.  Can't find a tutorial. Help?

    Thank you. It looks very helpful.
    Date: Mon, 27 Jun 2011 15:03:52 -0600
    From: [email protected]
    To: [email protected]
    Subject: How to add a border to image
    Here's a little video from Adobe TV that shows you how to create borders in Photoshop Elements. If you don't have Photoshop Elements, skip the first 1:25 of the video, the rest of the steps apply to Photoshop as well:
    http://tv.adobe.com/watch/learn-photoshop-elements-9/creating-a-photo-borde/
    >

  • How to add a Border around an ImageView

    Hi all,
    I'm adding a row of photos in my application which are being resized to fit into some constrained space with Preserve Ratio true. They are put in a TilePane, with a Label below each photo.
    Basically, I give all my ImageViews a fitHeight of 120 pixels, and let them determine how wide they will become themselves in order to preserve the ratio.
    It looks great.
    However, I would like to add a Border around these images, as they sometimes fade too much into the background to clearly see the edges. ImageViews themselves donot support borders, so I'm forced to wrap these ImageViews inside another container.... but, no matter what container I use, the container itself refuses to resize itself to fit exactly around the image -- it seems to be completely oblivious of the real size of the Image -- with some parameters the ImageView will simply render itself outside the edges of its container, and with other parameters the container is wider than the ImageView leaving a gap on the right side.
    This is yet another instance where I want my ImageViews to resize themselves to fit the available space, resulting in a huge struggle to force these components into their proper straight-jacket. Anyone got any solutions for this?

    I'm afraid that also won't work, as the Image needs to be scaled, and the dimensions you are using are from the unscaled image.
    I've however am now using this class to get what I want, together with a stylesheet to specify the border it works and I get nice borders.
    package hs.mediasystem.util;
    import javafx.beans.property.BooleanProperty;
    import javafx.beans.property.ObjectProperty;
    import javafx.beans.property.SimpleObjectProperty;
    import javafx.geometry.Bounds;
    import javafx.geometry.Insets;
    import javafx.geometry.Pos;
    import javafx.scene.Node;
    import javafx.scene.image.Image;
    import javafx.scene.image.ImageView;
    import javafx.scene.layout.Region;
    import javafx.scene.layout.StackPane;
    public class ScaledImageView extends Region {
      private final ImageView imageView = new ImageView();
      private final StackPane effectRegion = new StackPane();
      private final ObjectProperty<Pos> alignment = new SimpleObjectProperty<>(Pos.TOP_LEFT);
      public ObjectProperty<Pos> alignmentProperty() { return alignment; }
      public final Pos getAlignment() { return this.alignment.get(); }
      public final void setAlignment(Pos pos) { this.alignment.set(pos); }
      public ScaledImageView(Node placeHolder) {
        getChildren().add(imageView);
        getChildren().add(effectRegion);
        getStyleClass().add("scaled-image-view");
        effectRegion.getStyleClass().add("image-view");
        if(placeHolder != null) {
          effectRegion.getChildren().add(placeHolder);
          placeHolder.getStyleClass().add("place-holder");
          placeHolder.visibleProperty().bind(imageView.imageProperty().isNull());
      public ScaledImageView() {
        this(null);
      @Override
      protected void layoutChildren() {
        Insets insets = effectRegion.getInsets();
        double insetsWidth = insets.getLeft() + insets.getRight();
        double insetsHeight = insets.getTop() + insets.getBottom();
        imageView.setFitWidth(getWidth() - insetsWidth);
        imageView.setFitHeight(getHeight() - insetsHeight);
        layoutInArea(imageView, insets.getLeft(), insets.getTop(), getWidth() - insetsWidth, getHeight() - insetsHeight, 0, alignment.get().getHpos(), alignment.get().getVpos());
        Bounds bounds = imageView.getLayoutBounds();
        effectRegion.setMinWidth(bounds.getWidth() + insetsWidth);
        effectRegion.setMinHeight(bounds.getHeight() + insetsHeight);
        effectRegion.setMaxWidth(bounds.getWidth() + insetsWidth);
        effectRegion.setMaxHeight(bounds.getHeight() + insetsHeight);
        layoutInArea(effectRegion,  0, 0, getWidth(), getHeight(), 0, alignment.get().getHpos(), alignment.get().getVpos());
      @Override
      protected double computePrefWidth(double height) {
        return 0;
      @Override
      protected double computePrefHeight(double width) {
        return 0;
      public final ObjectProperty<Image> imageProperty() { return imageView.imageProperty(); }
      public final Image getImage() { return imageView.getImage(); }
      public final void setImage(Image image) { imageView.setImage(image); }
      public final BooleanProperty preserveRatioProperty() { return imageView.preserveRatioProperty(); }
      public final boolean isPreserveRatio() { return imageView.isPreserveRatio(); }
      public final void setPreserveRatio(boolean preserveRatio) { imageView.setPreserveRatio(preserveRatio); }
      public final BooleanProperty smoothProperty() { return imageView.smoothProperty(); }
      public final boolean isSmooth() { return imageView.isSmooth(); }
      public final void setSmooth(boolean smooth) { imageView.setSmooth(smooth); }
    }

  • How to remove black border around image files?

    I'm something of a beginner with Photoshop, so forgive me if I've missed something entirely obvious: for some strange reason I'm now getting a black border around all image files that I save through the "Save for Web & Devices" panel. Does anyone know how I can save without creating this border? It looks rather unsightly when I load it into a client site. The file in question is a .png, but I seem to be getting the same effect with all other image files as well.
    Thanks in advance,
    Shane

    One cause could be having the matte color set to something other than none.
    Is that a png-8?
    MTSTUNER

  • How to add white border around my Banner?

    Hello,
    I am trying to add a small border around my banner.
    I tried to code it in but it didnt seem to work. Not sure why?
    So i added just without the border.
    Any thoughts?
    Thank you!
    Ivan
    Here is the URL - http://www.the-electronic-cigarette.net

    Your header is defined as an id in style.css
    So, in your CSS:
    #branding {
              background: #ffffff url(images/sky.png) top left repeat-x;
              margin-bottom: -20px;
    Change to:
    #branding {
              border-color: fff;
      border-width: 3px;
              margin-bottom: -20px;
    That will create a 3 pixel border around the div.

  • How to add a border around a video (padding out to a larger size)?

    Hi,
    I'm having problems doing this in Quicktime Pro. I don't want to increase the size of the visible part of the video, just pad it out with black space. I created a gif file of the size I want and pasted it in, but rather than the video increasing to fit the pasted image, the opposite happened and the image was scaled down to fit the video. Any help gratefully appreciated.

    First issue is the GIF format (only 256 colors). Don't use that format.
    To add a "black" box (or any other color) to your existing QuickTime file you should first make your image file in a format (other than GIF) that also supports transparency.
    Depending on your image editing software the PNG format is the best choice. But JPEG will also work if your use 32 bit color (no transparency layer).
    To add this image to your existing QuickTime file follow these steps:
    Create the image file (1 bit for just black and white colors) and size it to the dimensions desired. JPEG or PNG will work nearly the same but JPEG doesn't support alpha channels.
    So, lets say your have a 320X240 QuickTime file but want a "box" around it sized at 320X320 (square).
    Create a 320X320 all black image saved as PNG or JPEG.
    Open that file with QuickTime Pro, select "all" (Control-A) and "copy'"(Control-C).
    Switch to your 320X240 QuickTime "video" file.
    Select all (Control-A) and move to the Edit menu. Pick "Add to Selection & Scale". This will add your image to the entire "video" portion.
    Control-J to open the Movie Properties window.
    Highlight (single click) on the "Video" track portion of your new composite video.
    Click the "Visual Settings" tab.
    Here is where you change to position of your video track in relationship to your image track.
    The "Offset" is what you need to adjust (because your video is smaller in dimensions than the image track).
    Default positioning is 0,0 (upper left). You need to add new values to the offset to set the position of the video track. It may take a few tries to get what you want. Changing the offset values until you get the size and shape you desire.
    Save As. Give the file a new name and save as "self-contained" to make a new file.
    These same steps can add "video backgrounds" to another "video" track.
    One of my pages to show a QuickTime example:
    http://homepage.mac.com/kkirkster/crosstown/index.html

  • I am making a graduation video for my cousin using Final Cut Pro. I have photos layered over videos, and I was wanted to find out how you can add a border around the photos so they stand off of the video. Anyone know what I could do?

    I am making a graduation video for my cousin using Final Cut Pro. I have photos layered over videos, and I was wanted to find out how you can add a border around the photos so they stand off of the video. Anyone know what I could do?

    You would need an image editor to edit the images and add a border to the image first before importing them into Final Cut.
    Cheapest and very good image editor?
    PIxelmator.
    Located in the Mac App Store. $14.99 USD.
    Here is the Pixelmator website to give you an overview of the app.
    http://www.pixelmator.com/
    Good Luck!

  • How to add a Border

    Hi!
    I want to know how to add a border to a particular column (Vertical) in the report. I have no clue, please help me.
    Thank you very much.
    null

    A partial solution:
    -- Select a border color, as suggested.
    -- Pull down Format/Border, and deselect
    the "top" and "bottom" buttons.
    This will get you vertical lines around all
    cells with data, but not cells with null
    values. Also (it's been a while since I
    looked at this in detail) this works nicely
    from the live previewer but doesn't work in
    all output formats - not HTML for instance,
    if I recall correctly. Depends on which
    type of output you need.
    If you have a lot of null cells, i.e. with
    no border, the lines is your best option.
    Done neatly it looks about the same.
    HTH.
    -- Allan Plumb

  • How to add a border for Panel (jdk 1.1) ?

    how to add a border for Panel (jdk 1.1) ?

    Border's are a Swing feature, you will have to draw one by yourself (extend Panel and override paint()).

  • Add a border around an AWT Label

    I need to add a border around an AWT label like I would for a Swing Label. I do not have BorderFactory available in AWT. Is there an easy way to do this?
    Thanks,
    Chris

    Bump

  • How to add a border to an entire Pages document?

    I can't seem to find, anywhere, the option to add a nice looking border to my wedding maps. What's up?

    Peter;
    I've been trying to put a border on a text box with no luck. In Inspector I select Text>Borders and Rules then I hit the 'add a border around the paragraph' button. All I get is a line above the paragraph, though if I then make the box big I do see a line below the paragraph but no side lines... at all. When I try with a shape box I have no problem putting a line/border around the box.
    Karen

  • How to add byte[] array based Image to the SQL Server without using parameter

    how to add byte[] array based Image to the SQL Server without using parameter.I have a column in table with the type image in sql and i want to add image array to the sql image column like below:
    I want to add image (RESIM) to the procedur like shown above but sql accepts byte[] RESIMI like System.Drowing. I whant that  sql accepts byte [] array like sql  image type
    not using cmd.ParametersAdd() method
    here is Isle() method content

    SQL Server binary constants use a hexadecimal format:
    https://msdn.microsoft.com/en-us/library/ms179899.aspx
    You'll have to build that string from a byte array yourself:
    byte[] bytes = ...
    StringBuilder builder = new StringBuilder("0x", 2 + bytes.Length * 2);
    foreach (var b in bytes)
    builder.Append(b.ToString("X2"));
    string binhex = builder.ToString();
    That said, what you're trying to do - not using parameters - is the wrong thing to do. Not only it is insecure due to the risk of SQL injection but in the case of binary data is also inefficient since these hex strings are larger than the original byte[]
    data.

  • Border around image links

    What the heck is it with a blue border around image links in
    CS3???? I discovered I can get rid of it by setting the border to 0
    in properties but what a pain. I also noticed tables have a 1
    border by default. I'm sure there is a place to change the default
    but I can't find it.
    Any suggestions?
    thanks,
    CJ

    On Fri, 1 Jun 2007 13:11:16 +0000 (UTC), "SeaJaye"
    <[email protected]> wrote:
    >Win,
    >I like the way you think. For those of us who are cake
    baking challenged, could you put up a recipe for said cake?
    >thanks,
    >cj
    Sure. This set of stuff:
    *zeroes out the margins and paddings
    * guarantees a vertical scrollbar (so no jumping between
    short and
    long pages)
    * establishes colours and fonts etc. for the tags I tend to
    use
    * gives me a way to float images left or right
    * defines a tag that I can use to clear floats (the hr tag,
    in this
    case, since I never use an hr as a visual element: I always
    define
    borders when I need them)
    * styles the form and form elements
    I customize these to suit.
    /* CSS Document */
    margin: 0;
    padding: 0;
    html {
    height: 100%;
    margin: 0;
    padding: 0;
    body {
    min-height: 101%;
    font: 100.01%/130% "Trebuchet MS", Verdana, Helvetica,
    sans-serif;
    color: #000;
    background: #4f865b url(../images/bgTexture.png) repeat;
    margin: 0;
    padding: 0;
    hr {
    height: 0;
    line-height: 0.0;
    font-size: 0;
    margin: 0;
    padding: 0;
    clear: both;
    visibility: hidden;
    h1, h2, h3 {
    font-size: 150%;
    color: #4f865b;
    margin: 20px;
    font-weight: bold;
    h2 {
    font-size: 120%;
    color: #cc6600;
    h3 {
    font-size: 100%;
    color: #4f865b;
    font-style: italic;
    p {
    font-size: 90%;
    margin: 10px 20px;
    ul {
    margin: 10px 20px 10px 40px;
    font-size: 90%;
    a:link {
    color: #cc6600;
    a:visited {
    color: #4f865b;
    a:hover, a:active, a:focus {
    color: #7dd08f;
    .imgLeft {
    border: 1px solid #dfdabd;
    padding: 5px;
    float: left;
    margin-right: 10px;
    .imgRight {
    border: 1px solid #dfdabd;
    padding: 5px;
    float: right;
    margin-left: 10px;
    /***** CONTACT FORM STYLES *****/
    #content form{
    margin: 0;
    width:450px;
    #content fieldset{
    border: 1px solid #d69400;
    margin-bottom: 10px;
    padding:5px 5px 20px 20px;
    #content legend {
    font-size: 120%;
    margin: 12px 0 0 0;
    color: #18006a;
    #content textarea{
    background-color: transparent;
    border: 1px solid #18006a;
    height:200px;
    margin:0 30px 0 0;
    #content label{
    display:block;
    font-size:80%;
    padding-top:5px;
    #content button{
    background-color: #ecc97d;
    display:block;
    width:80px;
    /* sets the enquiry box to the right of the input fields */
    .labelfloat{
    padding-top:20px;/* float:right;*/
    #content input:text, #content select{
    /*background-color: #E8E2C2;*/
    background-color: transparent;
    border: 1px solid #18006a;
    display:block;
    margin:0 0 0 0;
    width:200px;
    /* END FORM STYLES */
    Win
    Win Day, Wild Rose Websites
    http://www.wildrosewebsites.com
    [email protected]
    Skype winifredday

  • Active Session Management adds space border around Template

    Hi,  Does anyone know why flagging the template attribute "Active Session Mgmnt" adds a border around the template?  We designed our dashboard to exactly fit into 1024X768 and when we added active session management it is adding a border of space around our template when presented in the web...
    Any ideas?  Thanks!

    Hi Kenneth,
    take a look into the source and you will see, that the webpage has been inserted into a html-frame.
    Managing the pages in frames is necessary releasing the connections to the server, since if you leaves the page b.e via link a JavaScript-Call is been processed.
    If you want to omit these handling, but you want to use the functionality of the resource-release-management, copy the JavaScript-Function into yur source, switch off the "Active Session Management" and try calling the function by an onunload in the <body>-tag....
    ... or (more simple) switch off displaying the frames in the IE.
        Ralf

  • How to add tool tips on Image Icon obj?

    how to add tool tips on Image Icon obj?

    Take a look at the link shown below where drawing is done on a JButton -- you can draw your image on a JLabel too.
    http://developer.java.sun.com/developer/TechTips/1999/tt0826.html
    By drawing on a JLabel or JButton, you can add tooltiptext when needed.
    ;o)
    V.V.

Maybe you are looking for